選項CSS無法在Chrome

Question

工作時，此代碼工作正常，爲Mozilla但不爲Chrome

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

Answer 1

我認爲你指的是當一個元素處於焦點出現的輪廓。如果是這樣嘗試

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

去除在CSS但是你應該有東西，因爲它是所選元素的艾滋病知名度，還與鍵盤導航可以幫助取代它。

如果這不是問題，請您提供顯示問題的截圖。

的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; 
}