下拉菜单打开时黑色边框-IE 10 [英] Black border when drop down menu is open - IE 10

问题描述

我已经建立了一个下拉菜单，并自定义了向下箭头.

I have built a drop down menu and I customised the down arrow.

没关系，而且可以正常工作.

That 's ok and working.

在IE 10中，当我打开下拉菜单时，我有黑色边框.

In IE 10 , when I open the drop down I have black borders.

有没有办法修饰它们或改变它们的颜色?

Is there a way to delate those or change them colour?

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>

推荐答案

不幸的是，无法在包括IE10在内的任何浏览器上设置选择框上的弹出窗口的样式.

Unfortunately the popup on a select box cannot be styled on any browser including IE10.

您可以使用 此库 创建自定义下拉菜单.但是您将需要添加Javascript来填充表单字段或执行其他功能.

You could create a custom dropdown menu with this library. But you will need to add Javascript to populate form fields or perform other functions.

这篇关于下拉菜单打开时黑色边框-IE 10的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！