Не удается установить стиль CSS для SELECT OPTION на мобильном Safari / Chrome

0

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

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

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

<style>
select, select option {
    text-transform: uppercase;
    -webkit-appearance:none;
}
</style>
<select>
    <option>- select -</option>
    <option>make me caps</option>
</select>

Изображение 174551

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

Теги:
mobile-safari
mobile-webkit

1 ответ

1
Лучший ответ

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

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

var option = document.getElementsByTagName('option');
option.text = option.text.toUpperCase();
Поделиться
  • 0
    Это безумие, что Chrome не является стоковым браузером на Android. Спасибо за информацию. Все еще надеемся, что есть не-JavaScript-решение там.
  • 0
    Да, я был очень удивлен, узнав это. Я полагаю, что разница между двумя браузерами (для вашей конкретной ситуации) заключается в том, что в стандартном браузере Android по-прежнему работает WebKit, где в Chrome сейчас работает Blink. По крайней мере, я считаю, что сейчас работает Blink ...
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню