вертикальное выравнивание ФОРМ ВХОДНОГО ФОРМА в сафари и хром

Question

У меня есть поле выбора с высотой: 60px. когда пользователь щелкает опцию, я хотел бы, чтобы текст этой опции отображался в нижней части поля выбора ... однако safari и chrome автоматически выравнивают текст по центру по вертикали.

Я попытался увеличить высоту строки, отступы, отступы ... но они НЕ работают для сафари / хрома.

помогите, пожалуйста, если этот тип стилей в "невозможен" для сафари / хром. пожалуйста, дайте мне знать. Заранее спасибо!

Answer 1

К сожалению, вы не можете стилизовать элементы выбора, созданные в Safari и Chrome.То, с чем вы имеете дело, было придумано Shadow DOM: http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/

По сути, браузер создает элементы, для которых весь блок выбора функционирует при отображении страницы, но эти элементы не могут стилизоватьсяCSS.

Я бы порекомендовал использовать такой инструмент, как Chosen: http://harvesthq.github.com/chosen/, если вы хотите сделать какой-то тяжелый стиль для блоков выбора.Он использует javascript для размещения элементов поверх поля выбора, заменяя его функциональность и позволяя стилизовать его с помощью CSS.