如何從IE11 /邊緣上選擇標籤刪除默認的邊框半徑

我已經病急亂投醫選擇標籤，當我認爲它在IE11 /邊緣當你點擊它增加了周圍的選擇框黑邊下拉箭頭。

我似乎無法找到任何將刪除此邊框的內容。

請指教。

這裏是我的CSS

select { 
    background: transparent; 
    width: 100%; 
    padding: 5px; 
    font-size: 16px; 
    line-height: 1; 
    border: 0; 
    border-radius: 0; 
    height: 59.6px; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    padding-left: 17px; 
    background: url('##Pathtoimg##') no-repeat 96% #ffffff; 
    outline: 0; 
    border-color:#fff; 
}

來源

2016-12-01 Barry Hanbury

聽起來像一個'：focus'屬性。嘗試添加'select：focus {border：0;}' –

顯然沒有直接的css來控制它。但這是我可以推薦給你的唯一的東西http://stackoverflow.com/questions/19388011/how-to-change-colour-of-blue-highlight-on-select-box-dropdown – Aus

不幸的是，這並沒有修復任何問題，請查看問題的截圖。 http://i.imgur.com/aqFZKnx.png –

這是不可能的，因爲IE元素樣式會根據瀏覽器而有所不同。 IE使用Safari的另一種風格。

我們將採取一個樣品在我們的例子：

<select id="something" name="something"> 
    <option value="1">This is option 1</option> 
    <option value="2">This is option 2</option> 
    <option value="3">This is option 3</option> 
    <option value="4">This is option 4</option> 
    <option value="5">This is option 5</option> 
</select>

檢查（運行）這在所有不同的瀏覽器。所有瀏覽器風格對於<select>元素都會有所不同。

來源

2016-12-02 08:50:20 Logeshwaran

如何從IE11 /邊緣上選擇標籤刪除默認的邊框半徑

回答

相關問題