Question

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?

Answer 1

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/