CSS select option SELECTED

automatix · 19.03.2006, 00:26

Всем привет?
Такой вопрос: как добраться CSSом (без id и class !!!) до выделенного элемента выпадающего списка?

Спасибо.

baron27 · 20.03.2006, 01:44

Добраться можно через DOM (http://www.w3schools.com/htmldom/pro...ectedindex.asp).
Css'ом можно поменять стиль выделенного элемента.

automatix · 20.03.2006, 12:46

Я не совсем корректно сфорьулировал вопрос. Имеется в виду, как форматировать.

KidsKilla · 20.03.2006, 19:17

очень малое доступрно -- везде по разному, но везде кажись только цвет фона, болд и цвет текста

automatix · 20.03.2006, 20:23

Пусть хотя бы это... Но КАК???

baron27 · 20.03.2006, 21:24

Код:

<html>
<head>
<script type="text/javascript">
function changeText()
{
var x=document.forms[0].elements[0]
x.options[x.selectedIndex].style.color="red"
x.options[x.selectedIndex].style.backgroundColor="yellow"
x.options[x.selectedIndex].style.fontWeight="bold"
}
</script>
</head>

<body>
<form>
Select your favorite fruit:
<select id="mySelect">
	<option>Apple</option>
	<option>Orange</option>
	<option>Pineapple</option>
	<option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="changeText()" value="Change text of selected fruit">
</form>
</body>

</html>

automatix · 21.03.2006, 00:07

2 baron27
Спасибо! Причем дважды -- за дополненный код и за линк (офигительный сайт! и что я раеьше на него не попадал...).

Получается без JS никак... Типа OPTION.selected { бла-бла-бла } Или я ошибаюсь?

2 KidsKilla
Ты имел в виду что-то напобобие ого что предложил baron27? Или все же имеются пути? Для Форматирования внешнего вида (хотя бы цвета) для selected как такового?

KidsKilla · 21.03.2006, 18:01

automatix · 21.03.2006, 18:22

Цитата:

Сообщение от KidsKilla

Ты еще помнишь, как звучал вопрос?

Ладно -- нельзя так нельзя...
Всем спасибо.

KidsKilla · 21.03.2006, 19:55

Код:

function mark(opt){
for(var i=0;i<opt.options.length;i++) opt.options[i].className="";
opt.options[opt.selectedIndex].className+=" marked";
}

+ <select onchange="mark(this);"

+ <style>.marked{color:red;background:black;font:bold 130%/3 tahoma,sans-serif;}

но не без жс.

можно попробовать OPTION:active или OPTION:focus, но сомневаюсь чот...

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид