下拉菜單打開時出現黑色邊框 - IE 10

我建立了一個下拉菜單，並且我自定義了向下箭頭。下拉菜單打開時出現黑色邊框 - IE 10

沒關係，工作。

在IE 10中，當我打開下拉菜單時，我有黑色邊框。

enter image description here

有沒有辦法啦免費統計那些或改變它們的顏色嗎？

CSS

#contact #tabs #bord td select { 
    background: url("/static/img/down-arrow.png") no-repeat right #fff; 
    border:none; 
    padding: 0 5px; 
    overflow:hidden; 
    width: 120%; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    -o-appearance: none; 
    appearance: none; 
} 

select::-ms-expand { 
     display: none; 

}

HTML/CMS模板

<td colspan="2"> 
     <div class="styleSelect"> 
    <select name="topic" class="desktopDropDown" style="border:none;"> 
        {% with request|enquiry_topics as topics %} 
        {% for t in topics %} 
        <option value="{{t.id}}">{{t}}</option> 
        {% endfor %} 
        {% endwith %} 
      </select> 
     </div>

來源

2013-11-21 Alex Garulli

不幸的是在選擇框彈出不能在包括IE10瀏覽器的任何風格。

您可以使用this library創建自定義下拉菜單。但是您需要添加Javascript來填充表單域或執行其他功能。

來源

2013-11-21 14:50:15 AfromanJ

所以你認爲用JS/JQuery是可以實現的嗎？至少即使IE10？ –

不設置默認選擇框的樣式。但是您可以創建自己的（使用自定義樣式），以便它們看起來像是正常的選擇框。 – AfromanJ

好 - gotcha - 謝謝！ –

嘗試text-decoration: none;在你的CSS我沒有檢查，但它可能會幫助擺脫國界的。有時（例如在標籤上），即建立邊界，以顯示它不只是純文本，但互動的東西

來源

2013-11-21 14:44:10 doory

不幸的是沒有工作：/ –

下拉菜單打開時出現黑色邊框 - IE 10

回答

相關問題