Лучший способ установить высоту выбора и входов, чтобы быть равными - PullRequest
2 голосов
/ 11 июня 2010

По умолчанию выбранные имеют меньшую высоту по сравнению с входными данными (текстовые поля). Есть ли лучший способ установить высоту выбора и ввода с одинаковым размером шрифта, равным друг другу?

1 Ответ

1 голос
/ 11 июня 2010

Это хороший вопрос, потому что он связан с нашей повседневной практикой написания CSS.Я бы рекомендовал установить тот же класс для элементов, для которых вы хотите иметь похожие шрифты.


Что касается высоты поля выбора, то если вы используете свойство height: Xpx css, тогда будет добавлено заполнениеоколо X пикселей снизу, поэтому ваш блок выбора будет выглядеть очень странно.Поэтому для установки высоты поля выбора вы должны использовать свойство padding: css и устанавливать одинаковые отступы только для верха и низа, например, для отступа: 3px 0px поместит отступ 3px сверху и снизу и установит текст поля выбора прямо посередине.Это выглядело бы намного лучше на Mac, но на Windows PC выпадающая кнопка в правом нижнем углу будет выглядеть странно, потому что она не изменит размер для свойства padding.


Лучшее решение - объединить оба трюка, т.е. установить высоту выбора.вставьте прокладку сверху и выровняйте посередине.


Другим способом, который используется на большинстве продвинутых сайтов, является использование ul для создания пользовательского поля выбора и установки пользовательских стилей.Вот учебник http://gerrendesign.com/weblog/2009/06/how_to_make_custom_select_boxe.php

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...