Невозможно установить стиль CSS для SELECT OPTION на мобильных устройствах Safari/Chrome

Я просто хочу, чтобы текст option был прописным.

Используя Chrome или Safari на мобильном устройстве, перейдите по адресу: http://jsfiddle.net/justincook/SAm7Q/

Я пробовал следующее без успеха:

<select>
 <option>- select -</option>
 <option>make me caps</option>
</select>

Кажется, что iOS не позволяет использовать какие-либо стили для select option, каким-либо образом? Android ведет себя так же?

1 ответ

Я только что протестировал Chrome на Android, и все на все шапки, однако в Android-браузере на складе отображаются параметры как строчные.

Вместо того, чтобы полагаться на CSS, вы можете использовать Javascript для преобразования символов, включая что-то вроде этого, должно работать на всех мобильных платформах:

var option = document.getElementsByTagName('option');
option.text = option.text.toUpperCase();

licensed under cc by-sa 3.0 with attribution.