Html 下拉菜单打开时的黑色边框-即10

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

这很好，而且很有效

在IE 10中，当我打开下拉列表时，我有黑色边框

有没有一种方法可以对它们进行深入研究或改变它们的颜色

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>

{%请求|查询_主题为主题%}
{主题%t中的%t}
{{t}
{%endfor%}
{%endwith%}

---

尝试

文本装饰：无在你的css中我没有检查，但它可能有助于去除边框。有时（例如在标签上），IE会创建边框，以显示它不仅是纯文本，而且是交互式内容
不幸的是，选择框上的弹出窗口无法在任何浏览器（包括IE10）上设置样式

您可以使用创建自定义下拉菜单。但是您需要添加Javascript来填充表单字段或执行其他功能。
没有任何默认样式来删除边缘浏览器中的黑色。但是您可以通过使用Javascript、jquery pluing/library来实现对下拉列表的更改自定义控制。
那么您认为使用JS/jquery可以实现吗？至少对于IE10？来说，不要设置默认选择框的样式。但您可以创建自己的（使用自定义样式），使它们看起来像普通的选择框。另一种方法，我用于快速样式，这将允许您保留原始选择框，但弹出窗口上仍有边框。我将选择JS/Jquery解决方案-有点长，因为需要更改模板，但我得到了我想要的东西。：）有一个问题我没有考虑：如何处理我的后端形式？不能将name=“myform”赋予UL标签，也不能将value=“myvalue”赋予LI标签