Форум "Web-мастер" (архив)

Технологии web-програмирования

#0 VictorT © 03.04.06 17:12:11 - 07.04.06 08:37:22

Очередной глюк ИЕ - нельзя задать стиль бордюра для <select>

Может кому пригодится, т.к. в инете я решения не нaшёл, только маты в адрес ИЕ по этому поводу.
Вот моё решение:
css:

.selectborder {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #ffffff;
  display: table;
  width:1px;
  font-size: 1px;
}
.selectborder select {
  font-size: 11px;
  border: transparent;
  background-color: transparent;
  margin: -1px;
  overflow: auto;
}
.selectborder option {
  background-color: #ffffff;
}

html:
<div class="selectborder">
<select>
<option>USD</option>
<option>EUR</option>
<option>GBR</option>
<option>UAH</option>
<option>RUR</option>
</select>
</div>

#1 VictorT © 04.04.06 16:07:38

Какие есть мысли, как перекрасить стрелочку справа у комбобокса?

#2 Ketmar © 04.04.06 18:25:28

ни хера не перекрашивать. делать plain HTML.

#3 Nikolay © 04.04.06 20:32:30

Только с помощью вб скрипта.

#4 Nikolay © 04.04.06 20:34:56

или например таким коленкором. Но в цсс этого все-така имхо нет.

#5 VictorT © 05.04.06 09:28:55

> ни хера не перекрашивать. делать plain HTML.
я сам сторонник этого, но в данном случае не тот случай (случайный каламбур).
>
Ну это уже создание своего комбобокса, понятно, что для него что угодно можно сделать. Интересует стандартный.
> Только с помощью вб скрипта.
Как? Или имелось в виду то, что в следующем посте?

#6 Nikolay © 06.04.06 22:20:36

Меня второй день не покидает ощущение, что я очень давно видел ка кэту проблему решали ява скриптом. Только вот не могу найти где и как... :+(

#7 Nikolay © 06.04.06 22:27:35

Мысль появилась - input text, рядом с ним лепим картинку со стрелочкой, Обрабатываем нажатие по стрелочке - выводим спрятанный див со списком, при нажатии на элемент текста, он с помощью скриптика передается в инпут текст.

Кровивато конечно, но вполнеработоспособно если заюзать яву.

#8 Nikolay © 07.04.06 08:37:22

В общем виде моя вчерашняя мысля: ()ну надо еще классы везде прописать и т.д... но все таки.

<html>

<head>
  <title>Перекрашивание стрелочки</title>
  <style>
  .inp{border: solid 1px#000000; width:120px; height:12px; font-size:8px; font-family:Verdana;}
  </style>
  </head>

<body>

<script LANGUAGE='JavaScript'>

</SCRIPT>

<form name="f1">
<table cellpadding="0" cellspacing="0">
<tr><td><input type="text" name="cb" value="выберите значение" class="inp"></td>
<td><img src="arrow.gif" border="0" onLoad="javascript:hidelr('sloi');" onclick="javascript:b=!b;if(b){showlr('sloi')}else{hidelr('sloi')};">
<script language="javascript">var b=true</script></td></tr>
</table>

<div id="sloi" style="position:absolute;">;
<div onclick="javascript:ins('первый');">*первый</div><br>
<div onclick="javascript:ins('второй');">*второй</div><br>
<div onclick="javascript:ins('третий');">*третий</div><br>
</div>
</form>

</body>

</html>

Тема находится в архиве

Написать ответ