Выделение текста в теге <option>

[Holli]

Здравствуйте форумчане!

Помогите мне решить проблему верстки.

Есть такой кусочек кода:

<p><form>
<label>Выберите страну и SMS номер. </label>
<select>
<option>Россия / Russia номер  9999 | 130 РУБ</option>
<option>Финляндия / Finland номер  8888</font> | 4,3 EUR</option>
<option>Литва / Lithuania номер 7777</font> | 7 LTL</option>
</select>
</form>
</p>

Как вы понимаете, эта форма оплаты.

Мне надо выделить страны жирным шрифтом, а номера красным и жирным. Пробовал стандартными тегами, но столкнулся с проблемой, что в контейнере <SELECT> не работают стандартные html теги.

Если сделать так: <select size=1 style="color: red; width:150px;">, то выделиться весь список. А мне надо только отдельные элементы.

Пробовал ява скриптом, не вышло, не силен я в коде.

Ребята, помогите решить проблему..

[psywalker]

Всё верно, select - это системный элемент, и поэтому в неё непозволительно делать много вещей. Так что тут только один совет, эмуляция Селекта.

[Holli]

Всё верно, select - это системный элемент, и поэтому в неё непозволительно делать много вещей. Так что тут только один совет, эмуляция Селекта.

А можете написать подробнее, как это технически реализовать?

Полезная ссылка или код будет очень полезна

[psywalker]

Всё верно, select - это системный элемент, и поэтому в неё непозволительно делать много вещей. Так что тут только один совет, эмуляция Селекта.

А можете написать подробнее, как это технически реализовать?

Полезная ссылка или код будет очень полезна

Ну например можно сделать список UL-LI, и снизу подложить Селект, и уже на JS эмулировать каждое его поведение. Но это большой гемор и не так просто. Поищи в гугле инфу.