Черная рамка при открывшемся меню - 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

ok - gotcha - спасибо! –

попробовать text-decoration: none; в вашем CSS я не проверял, но это может помочь избавиться от границ. Иногда (например, в тегах) IE создает границы, чтобы показать, что это не просто текст, но интерактивный материал

источник

2013-11-21 14:44:10 doory

К сожалению, не удалось:/ –

Черная рамка при открывшемся меню - IE 10

ответ

Смежные вопросы