Дизайн select'а

Shaggy · December 25, 2007

Народ подскажите пожалуйста как можно изменить дизайн селекта... задача такая.

Есть селект вида

<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

там по умолчанию цвет фона белый цвет... цвет шрифта черный... при наведении на выпадающий обЪект его цвет фона становиться синий а сам шрифт белым... как это изменить ... например чтобы цвет фона по умолчанию был зеленый цвет шрифта белый, а при наведении цвет фона белый а шрифта зеленый.

Заранее спасибо.

Dimitry Wolotko · December 25, 2007

В лягушатник.

PS - вот вы написали в раздел CSS, а вы этот самый CSS к селектам применяли?

Shaggy · December 25, 2007

к селекту применяеться ... а вот к элементу option не получилось... посему и обратился за помошью

P.S. если есть другие варианты решение данного вопроса ... с удовольствием рассмотрю и буду очень признателен за помошь...

maddogrts · December 25, 2007

1

2

3

4

Dimitry Wolotko · December 25, 2007

В FAQ положу.

Shaggy · December 26, 2007

1

2

3

4

AntonLyapunov · December 27, 2007

Не знаю, подойдет ли вам это решение, но оно удовлетворяет всем вашим требованиям.

FWC:SmartSelect 2

http://alx.vingrad.ru/fwc/ru/examples

Shaggy · December 27, 2007

Не знаю, подойдет ли вам это решение, но оно удовлетворяет всем вашим требованиям.
FWC:SmartSelect 2
http://alx.vingrad.ru/fwc/ru/examples

Вот за это спасибо огромное... буду разбираться)))

AntonLyapunov · December 28, 2007

Разбирайтесь. Надеюсь, все получится.

~Kitty~ · April 10, 2008

А такой вопрос - а можно ли как-нибудь изменить border в select?

Просто прописанный в css border работает лишь в FF - IE не понимает. Есть ли варианты это реализовать для IE или же оста?тся лишь смириться?..

JIucky · December 14, 2009

А такой вопрос - а можно ли как-нибудь изменить border в select?
Просто прописанный в css border работает лишь в FF - IE не понимает. Есть ли варианты это реализовать для IE или же оста?тся лишь смириться?..

тоже интересует такой вопрос?

Justnewone · December 14, 2009

тоже интересует такой вопрос?

не получится, к сожалению. только эмуляция. ТО есть div/span + CSS + JS

Great Rash · December 14, 2009

Бордер у селекта менять можно. И я даже об этом писал. Ща попробую найти тему, а вы пка попробуйте воспользоваться поиском - а вдруг поможет

Чет тему не нашел:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Arial;
		}

		body {
			margin: 10px;
		}

		div {
			float: left;
			overflow: hidden;
			border: red 2px dotted;
		}

		select {
			margin: -1px;
			border: 1px solid;
		}
	</style>

	<script type="text/javascript">

	</script>
</head>

<body>

	<div>
		<select name="sel">
			<option value="1" selected="selected">opt 1</option>
			<option value="2">opt 2</option>
			<option value="3">opt 3</option>
			<option value="4">opt 4</option>
		</select>
	</div>

</body>
</html>

Проветял в ИЕ(7, 8) и Мозилле. Чуть подточить и будет работать везде.

rus · December 14, 2009

Можно вот так попробовать:

<span style="width:86px; border:#C6C6C6 solid 5px;height:17px;">
  <select size=1 style="margin:-2px -2px -1px -2px; width:90px; border:none">
	<option value="1">Январь</option>
	<option value="2">Февраль</option>
	<option value="3">Март</option>
	<option value="4">Апрель</option>
	<option value="5">Май</option>
	<option value="6">Июнь</option>
	<option value="7">Июль</option>
	<option value="8">Авугуст</option>
	<option value="9">Сентябрь</option>
	<option value="10">Октябрь</option>
	<option value="11">Ноябрь</option>
	<option value="12">Декабрь</option>
  </select>
</span>

B1inda_J · May 4, 2010

А возможно изменить квадратик со стрелочкой? фон и стрелку другого цвета?

Sign In

Дизайн select'а

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information