Black border when drop down menu is open - IE 10
css, html, internet-explorer, select
Solution
Unfortunately the popup on a select box cannot be styled on any browser including IE10.
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.
Problem
I have built a drop down menu and I customised the down arrow. That 's ok and working. 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 TEMPLATE ``` <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> ```