What are the input required attribute default declaration?

Question

I am facing with a strange problem.

I have a Wordpress site, with Mailchimp For Wordpress plugin. There is the email field, what has a required attribute. Around the field, there are a red border or something.

First i inspected this element, turn of all the css properties, border still there.

I was really wondering why. Then when I removed the required attribute, the border has gone. So i thought I am on the right way, and add this to my css:

:required {
   border: none; outline: none;
}

That does not helped me out.

I visit this page: http://www.w3schools.com/cssref/sel_required.asp

But i do not see, what are the default declarations for this selector.

I also tried to search for required on w3.org wiki, no success.

So, of course my first question is how to remove that border, and the second is, where can I find the default declarations for required?

enter image description here

possible duplicate of [HTML5 Required input styling](http://stackoverflow.com/questions/5249152/html5-required-input-styling) — rnevius, Nov 19 '14 at 13:10
Thank you rnevius, I've added the `:invalid` selector, and `border: none;` what helps me. — vaso123, Nov 19 '14 at 13:13

score 0 · Answer 1 · answered Nov 19 '14 at 14:07

0

input[required], input:required {
    display:block; 
    background-color: yellow;
    border: 0 !important;
    outline: none !important;
}

answered Nov 19 '14 at 14:07

alessandrio

4,282
2
29
40

1

thank you, i've did it, just has no effect. this is, becuase my field has `type="email"` and because of this, i've has to set the `:invalid` selector also. that was the solution. – vaso123 Nov 19 '14 at 14:10

What are the input required attribute default declaration?

1 Answers1