[Prisoner]

Теги option поддерживают style и class. C их помощью можно сделать option очень похожий на линию, достаточно поиграться с стилевыми свойствами color, font-size, line-height, background. Последний дает больше всего свобод - линию можно сделать замысловатой.

[vadimiron]

Всё хорошо, только ИЕ не поддерживает тег border в style-ах. Так что придётся ограничется чем то типа "-------------------------"

[Vlad Drakula]

vadimiron
есть такой известный хак...
создаем пустой option красим его в нужный цвет и задаем нужную высоту, и используем вместо границы.

[vadimiron]

создаем пустой option красим его в нужный цвет и задаем нужную высоту, и используем вместо границы.

Пробывал, вот только высота не меняется, height же?

HTML код:

<option style="height: 2px; background: black;"> </option>

Высота получается как и шрифт других эелементов и не менаяется

[Vlad Drakula]

vadimiron
а ты менял размер шрифта в этом option?

[vadimiron]

Vlad Drakula
Нет, шрифт гдето выше дефинирован

[Prisoner]

Стало быть надо поменять . А чем все же не нравится background? Создаем фон высотой меньшей чем высота option (тут можно примерно, на глаз) и любой шириной и применяем такое правило:

Код:

select.mySelect option {
  background: transparent url('bg.gif') repeat-x center left;
}

Меньший вертикальный габарит фона даст отступы от границы коей он будет выглядеть.

[vadimiron]

Стало быть надо поменять . А чем все же не нравится background? Создаем фон высотой меньшей чем высота option (тут можно примерно, на глаз) и любой шириной и применяем такое правило: Код: select.mySelect option { background: transparent url('bg.gif') repeat-x center left; } Меньший вертикальный габарит фона даст отступы от границы коей он будет выглядеть.

Опять не работает в ИЕ7 в Firefox-е пашет

как я не люблю вёрстку

[vadimiron]

В Опере тоже не работает