Добрый день.
Скажите реально ли в некоторых пунктах SELECT (не во всех пунктах) шрифт сделать жирный.
вот пробовал вот так :
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
function showhideBlocks(){
document.getElementById('i1').style.fontWeight='bold';
}
</script>
<style type="text/css">
.emerald {
background: #3baf17;
color: #fff;
}
.ruby {
background: #d31c1c;
color: #fff;
}
</style>
<script type="text/javascript">
</script>
</head>
<body onLoad="showhideBlocks();">
<div class="diamond">
test
</div>
<select>
<option selected>Stone</option>
<option id='i1'>1</option>
<option class="emerald">2</option>
<option class="ruby"> 3</option>
</select>
</body>
</html>
аналогично с использованием css :
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.bold_font {
font-weight:bold;
}
.emerald {
background: #3baf17;
color: #fff;
}
.ruby {
background: #d31c1c;
color: #fff;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="diamond">
test
</div>
<select>
<option selected>Stone</option>
<option class="bold_font">1</option>
<option class="emerald">2</option>
<option class="ruby"> 3</option>
</select>
</body>
</html>
оба метода работают только в firefox, в хроме отказывается работать и в опере тоже. (IE не смотрел)
что можете посоветовать ?
