float-label-css icon indicating copy to clipboard operation
float-label-css copied to clipboard

Bulletproof CSS-only implementation of Float Label pattern with automatic fallback for ANY non-supporting browser.

Results 15 float-label-css issues
Sort by recently updated
recently updated
newest added

Float label works with `placeholder=""` but it don't works without placeholder attribute in an input element. I found a workaround by styling an invisible placeholder if it is equal to...

With bootstrap 4 box-shadow around the input elements, the label pseudo content's height and position are off. ![image](https://user-images.githubusercontent.com/7662036/63106744-27a2a880-bf49-11e9-8d14-1bd66599a6c1.png)

Doesn't work nicely with rounding the corners on input-group. Here's an example: ``` Title ``` And here's kind of a fix, could be improved probably: `.has-float-label input:first-child:nth-last-child(2) { border-top-right-radius: .25em;...

To make has-float-label compatible with select2. In previous versions you only need to apply a small change in the script, ".has-float-label> span" add the pseudo-element "not (.select2)" to prevent -float-label...

The input placeholder is visible in Firefox ![untitled](https://user-images.githubusercontent.com/585779/29482470-42a27dec-8457-11e7-8aa3-a3970c5d47e2.png) when not in focus

I am developing a new app and love the visual for the float label. However when I add an asp-validation- the field name is overlay-ed. I would like the validation...

This code worked fine in version 1.0.0, now in version 1.0.2 it breaks ``` Username Help message ``` Aparently, this change [scss/_mixins.scss#L6](https://github.com/tonystar/float-label-css/commit/c5448cf076ea4ab5aaf667665d9048d3cb29093c#diff-38983e82a6c8e46a6adaf2d5e3d81997L6) made all spans inside a `.has-float-label` element become...

This looks like an awesome pattern but it breaks in Bootstrap 4 Alpha 6: https://codepen.io/anon/pen/aypeVo ![screen shot 2017-08-07 at 10 34 47 am](https://user-images.githubusercontent.com/741858/29031412-335e5490-7b5c-11e7-9f6c-e31cb49831da.png) Any chance you can take a look?...