Не может стилизовать поле выбора его отображение отличается от мобильного

Question

У меня есть только простой блок выбора, как этот

<select> 
    <option><a>Navigate To..</a></option> 
    <option><a>> Home</a></option> 
    <option><a>> About</a></option> 
    <option><a>> Blog</a></option> 
    <option><a>> Contact Us</a></option> 
</select> 

и я поставил CSS с этим

select { 
    margin-top: 50px; 
    width: 95%; 
    background-color: gainsboro; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    padding: 10px !important; 
} 

Это хорошо отображать в рабочем столе, но в мобильном телефоне этого нет.

Я использую дельфинов и мгновенного браузера открыть его результат такой же.

Есть ли способ стиля этого поля выбора для просмотра в мобильном устройстве

что это произойдет пожалуйста совет.

Answer 1

использовать следующие для лучшего отображения в Android телефонов

@media only screen and (-webkit-device-pixel-ratio:1.5){ /*for low density (ldpi) Android layouts */ }