Помогите, пожалуйста, задать стили для формы

P
На сайте с 06.01.2009
Offline
592
375

Здравствуйте. Подскажите, пожалуйста, как для формы задать стили

- отступ у каждого select по 10px с каждой стороны (чтобы следующий не стоял прямо рядом с ним)

- заливку select сделать каким нибудь цветом (чтобы просто не белый был фон там в выборе опции)



<form action="" id="form">

<select class="F2" size="1" name="material" id="mydat">
<option selected="" value="1">материал любой</option>
<option value="2">ламинат</option>

</select>

<select class="F2" size="1" name="naznachenie" id="mydat2">
<option value="1">назначение любое</option>
<option value="2">для дома</option>

</select>
Joker-jar
На сайте с 26.08.2010
Offline
154
#1

Для отступа: #form select { margin: 10px; }

Для цвета сложнее. Чтобы было кроссбраузерно, надо использовать методы стилизации селектов.

P
На сайте с 06.01.2009
Offline
592
#2
Joker-jar:
Для отступа: #form select { margin: 10px; }

Для цвета сложнее. Чтобы было кроссбраузерно, надо использовать методы стилизации селектов.

А можно как то всю форму залить нужным цветом, и селекты зальются...или нет? спасибо

Joker-jar
На сайте с 26.08.2010
Offline
154
#3

Сам селект можно залить, используя стиль background-color, но выпадающий список стилизации поддается не во всех браузерах, насколько я помню.

http://jsfiddle.net/2WZDW/

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий