Вариант CSS не работает в Chrome

Question

Этот код работает отлично для Mozilla, но не для Chrome

option:checked { 
    -webkit-border-radius: 5px !important; 
    box-shadow: 0 0 10px 10px #043A4D inset; 
} 

Answer 1

Я думаю вы имеете в виду контур, который появляется, когда элемент находится в фокусе. Если это так, попробуйте удалить, что в CSS с

option:focus, option:active { 
    outline: none; 
} 

Однако вы должны заменить его чем-то, как это помогает видимость отдельных элементов, а также помогает при навигации с помощью клавиатуры.

Если это не проблема, можете ли вы предоставить скриншот, показывающий проблему.

Некоторые примеры outline usage on CSS-Tricks

Answer 2

Если хочет более vendor-specific затем использовать этот

option:checked { 
    -webkit-border-radius: 5px!important; 
    -moz-border-radius: 5px!important; 
    border-radius: 5px!important; 
    -moz-box-shadow: 0 0 10px 10px #043A4D inset; 
    -webkit-box-shadow: 0 0 10px 10px #043A4D inset; 
    box-shadow: 0 0 10px 10px #043A4D inset; 
}