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>