Match placeholder text size?

[KeithGillette]

Love the float label!

For my purposes, I'd like to have the label text the same size as the placeholder text instead of 150%. How would one accomplish that and keep the floated label positioned and sized appropriately?

[anton-staroverov]

@KeithGillette simply play around the values:

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  font-size: 150%;
  top: .3em;
}

Also I'm going to provide more pre-configured variants here: #4.

[KeithGillette]

Duh. I had adjusted that selector, but naively simply deleted the font-size property instead of changing its value, thinking the former would allow the underlying font-size to be asserted. Look forward to seeing the forthcoming variants. Thanks!

[anton-staroverov]

Ah, ok! Stay tuned!