Невозможно использовать пользовательский блок выбора с использованием магистрали js

Question

Разрабатывает приложение для Windows-телефонов с помощью backbone.js с помощью phonegap. Когда я пытаюсь использовать специальный ящик выбора, как этот образ. всегда отображается окно выбора по умолчанию

Почему он не отображает пользовательский флажок?

Мой код

HTML:

<select class="custom-select custom-select-smaller no-border" id="lang-select"> 

CSS:

.custom-select { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
background: #fff; 
border: 2px solid #dfdfdf; 
color: #6b6b6b; 
height: 38px; 
font-size: 11px; 
line-height: 38px; 
padding: 0 6px; 
position: relative; 
width: 100% !important; 
display: block !important; 
} 
.custom-select.custom-select-smaller { 
height: 34px; 
line-height: 34px; 
} 
.custom-select.custom-select-smaller:after { 
top: 14px; 
} 
#lang-select{ 
z-index:~1000; 
} 

Answer 1

Стилизация элемент всегда сложно, и не надежны.

Вы можете хотите добавить следующие стили, чтобы заставить его работать в WebKit & FireFox

-webkit-appearance: initial; 
-moz-appearance: none; 
appearance: none; 
text-indent: 0.01px; 
text-overflow: ''; 

Но это невозможно (насколько я знаю), чтобы заставить его работать в IE. Если вы хотите получить согласованные результаты, попробуйте использовать ul + li со скрытыми тегами.

или просто использовать плагин как http://adam.co/lab/jquery/customselect/