Задание своего стиля для поля со списком

12
TO
На сайте с 21.09.2007
Offline
170
840

Есть форма, в которой должен быть по дизайну шрифт в полях ввода раза в полтора меньше, чем высота полей. В обычных текстовых полях это все решаемо - шрифт можно задать и выровнять по высоте. А вот в полях типа select-option такого не сделаешь - даже если прописываешь свой стиль в 6м ИЕ размер шрифта связан с размером поля и все отображается криво.

Может быть, кто-нибудь знает решение этой проблемы?

Gipperion
На сайте с 03.10.2006
Offline
80
#1

эмм, а если извратиться и сделать так: убрать границы поля в css и визуально ограничить его изобажением или дивом. Таким образом размер поля можно сделать любым, а видимым будет тот размер, который будет ограничен div'ом.

Опыт - это такая штука, которая приходит сразу после того, как была нужна.
TO
На сайте с 21.09.2007
Offline
170
#2

Спасибо. Это почти помогает, только стрелочка висит в воздухе, что тоже не устраивает заказчика. Будем думать еще :)

DI
На сайте с 03.01.2007
Offline
123
#3
t_o_x_a:
только стрелочка висит в воздухе, что тоже не устраивает заказчика

Лечить таких заказчиков и дизайнеров надо - одни своим воспаленным мозгом (явно незаточенным под интернет) что-то придумают, другие нарисуют (это проще, чем объяснить неправоту). И никто, разумеется, не задумывается о том, насколько это реализуемо и сколько времени займет. А если постоянно прогибаться - то в дальнейшем даже простейший input text будет обвешан кучей div'ов и js-ами.

PS: очень часто, кстати, все эти эмулирующие элементы не повторяют и 50% дефолтной функциональности обычных select'ов - и тут уже начинают материться посетители, которые привыкли управляться со списками как им удобно, а не как навязывает 50-летний генеральный директор компании :)

Высказывание идиотского утверждения требует на порядок меньше усилий, чем его последовательное и обоснованное опровержение и более того, иногда это опровержение вообще невозможно. © (http://zhurnal.lib.ru/s/shapiro_m_a/raspidiota.shtml)
Gipperion
На сайте с 03.10.2006
Offline
80
#4

t_o_x_a, какая такая стрелочка? =) От полосы прокрутки?

PS: очень часто, кстати, все эти эмулирующие элементы не повторяют и 50% дефолтной функциональности обычных select'ов - и тут уже начинают материться посетители, которые привыкли управляться со списками как им удобно, а не как навязывает 50-летний генеральный директор компании

Оно то, конечно, верно, однако если гендиректор платит за это много $$$ то мне как-то по боку что он там выдумает). Наверно, я враг народа =(

DI
На сайте с 03.01.2007
Offline
123
#5
Gipperion:
если гендиректор платит за это много $$$

Он платит много $$$ именно за эмулятор селектора? Если так, то это конечно несколько меняет дело, особенно если реализация будет поддерживать всю функциональность базовых селекторов браузера. Но обычно так не бывает.

TO
На сайте с 21.09.2007
Offline
170
#6
Gipperion:
t_o_x_a, какая такая стрелочка? =) От полосы прокрутки?

От выпадающего списка :)

Gipperion
На сайте с 03.10.2006
Offline
80
#7
Он платит много $$$ именно за эмулятор селектора? Если так, то это конечно несколько меняет дело, особенно если реализация будет поддерживать всю функциональность базовых селекторов браузера. Но обычно так не бывает.

Да можно сказать проще: "любой каприз за ваши деньги".

От выпадающего списка

Хорошо, а если и фон списка тоже сделать прозрачным?

TO
На сайте с 21.09.2007
Offline
170
#8

И сделать свою стрелку?

DI
На сайте с 03.01.2007
Offline
123
#9
Gipperion:
Да можно сказать проще: "любой каприз за ваши деньги".

Вопрос был не о том, что теоретически можно кому-то сказать.

t_o_x_a:
И сделать свою стрелку?

Свою стрелку в select подсунуть нельзя, а если перекрывать ей исходную стрелку сверху (кстати, тот еще гемор - select не во всех браузерах нормально перекрывается) - то нужно навешивать на нее обработчики событий, поэтому проще сразу брать какое-нибудь готовое js-решение (можно без ajax-составляющей, т.к. данные можно хранить в обычном массиве).

[Удален]
#10

У меня как-то был Заказчик, который хотел, чтобы поля были полуклуглыми с настраиваемым фоном списков и своей стрелочкой:

Если интересует, поищу код...

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий