CSS Styles Conflict

  • I’m using pure CSS to float the field labels over the input fields (like placeholders) like explained here: https://css-tricks.com/float-labels-css/

    Unfortunately with your plug-in, it breaks the intended CSS behavior. As expected, when the field gains focus, the label moves above the field. When blurred, the label returns, but your inserted label also is shown above the field overlapping the original label. When the field is focused again, your label moves above the field, but the original label remains floating over the field and never goes away.

    I’m considering buying the Pro version for unlimited sites, but this issue needs a solution for me to use the plug-in. Also, when using the phone validation field, it would be nice to us a mask like I’m using with an additional plug-in. I prefer (###) ###-#### for US phone numbers, not ###-###-#### or #########. It looks like all those formats validate when using actual numbers.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter neuquest

    (@neuquest)

    I was able to fix the issues I was having with changing some of the CSS rules to account for the added classes (I haven’t applied them to the above site yet). If anyone runs into similar issues, I can provide what I did.

    Plugin Author Dnesscarkey

    (@dnesscarkey)

    @neuquest,

    Can i see demo regarding the css issue in your form ? If you can send me the form url that will be better. I will check how the css is written and try finding solution for it.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS Styles Conflict’ is closed to new replies.

Tags