Firefox 4 Required input form RED border/outline

Viewed 51455

I have recently developed an HTML5 jQuery plugin and I'm having trouble removing the red border on required fields in FF4 beta.

I noticed that FF applies this border/outline in required fields and removes it when value is set. The problem is that I am using the value attribute to emulate the placeholder attr in older browsers. Therefore I need all inputs with this feature to not show the red line.

You can see the problem in the demo page of the plugin here

5 Answers

Wrap your required input into a form with novalidate attribute

<form novalidate>
    <input required>
</form>
Related