свойство границы <option>в Google Chrome

Question

когда я применяю этот стиль к элементу option :

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

, все браузеры отображают его правильно, но Google Chrome игнорирует эти стили и отображает двойную рамку.Как я могу это исправить?

Answer 1

Добавьте outline: none к вашему правилу CSS.Это удалит оранжевую рамку, которую Google Chrome помещает вокруг элемента, когда фокусируется.

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

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

Answer 2

Вам, вероятно, следует отключить все предварительные стили, применяемые к элементу option ранее.

Chrome по умолчанию устанавливает какой-то стиль для некоторого элемента в качестве параметров и многие другие, такие как Textfield и т. Д.

У меня уже была та же проблема, решенная сбросом стиля по умолчанию для всего элемента.