CODEWITHSUNDEEP
cssgoogle-chrome
Wachburn
Wachburn

Reputation: 2939

border property of <option> in google chrome

when i apply this styles to option element:

border-color: #8A8A8A #E5E5E5 #E5E5E5 #8A8A8A;
border-style: solid;
border-width: 1px;

the all browsers display it correctly, but google chrome ignores this styles and rendering double border. How can i fix it?

Upvotes: 2

Views: 3383

Answers (2)

Curtis
Curtis

Reputation: 103338

Add outline: none to your CSS rule. This will remove the orange border that Google Chrome puts around the element when focused on.

outline:none;
border-color: #8A8A8A #E5E5E5 #E5E5E5 #8A8A8A;
border-style: solid;
border-width: 1px;

http://jsfiddle.net/Curt/rLVhp/1/

Upvotes: 2

Dr I
Dr I

Reputation: 286

You probably should disable any pre-style apply to your option element before.

Chrome by default set some style for some element as Options and many other like Textfield and so on.

I already had the same problem, solved by a reset of the default style on the entire element.

Upvotes: 0

Related Questions