Floating labels

[viniciusjdebiasi]

Hello everyone!

I have a little problem and I can't solve it.

I'm using Floating labels and I'm not able to adjust a style.
<div class="form-floating mb-3"> <input type="email" class="form-control input-custom" id="floatingInput" placeholder="[email protected]" /> <label for="floatingInput" className="label"> Indirizzo email o numero di cellulare </label> </div>

[ynng3]

As an example, let's assume we want to apply a transparent background to floating labels and write the code accordingly.

Access the element using the :after pseudo-selector as shown in the code below.

.form-floating>.form-control:focus~label::after { background-color: transparent; }

[viniciusjdebiasi]

Hello! It worked perfectly, thank you very much for your help!