Reply To: css magic based on last question ( i closed it by misstake)

[Support]

Hello Pelle,

Another way is change the HTML structure of input-grou-prepend (add after the input):

<div class="input-group">												
	<input type="text" class="form-control order-2" required>
	<span class="input-group-prepend order-1">
		<span class="input-group-text">
			<i class="fas fa-calendar-alt"></i>
		</span>
	</span>
</div>

* Also note the order-xx classes for change the order of elements.

And use this CSS:

input:required + .input-group-prepend {
	border-left: 1px solid red !important;
}

We hope this helps!

Kind Regards,

Rodrigo.

---