Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   CSS select option SELECTED (http://www.flasher.ru/forum/showthread.php?t=77141)

automatix 19.03.2006 00:26
CSS select option SELECTED
 
Всем привет?
Такой вопрос: как добраться 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
<style>
OPTION{color:red;background:black;font:bold 130%/3 tahoma,sans-serif;}
</style>

automatix 21.03.2006 18:22
Цитата:
Сообщение от KidsKilla
<style>
OPTION{color:red;background:black;font:bold 130%/3 tahoma,sans-serif;}
</style>
Ты еще помнишь, как звучал вопрос? ;)
Ладно -- нельзя так нельзя...
Всем спасибо.

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, но сомневаюсь чот...


Часовой пояс GMT +4, время: 11:16.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.