Элементом управления select нелегко управлять с помощью CSS!
Этого можно добиться, написав в стиле width:??px;
height:??px; Этого невозможно изменить. Высоту можно изменить только путем регулировки размера шрифта внутри.
Фон можно создать, но использование фонового изображения невозможно.
Граница выбора по умолчанию синяя, и ее нельзя изменить с помощью атрибута границы CSS. Границу можно изменить только с помощью камуфляжа. Вот подробное описание:
Идея: сначала создайте слой с ожидаемой границей и поместите выделение внутрь. Размер выделения немного больше, чем элемент div, так что содержимое за пределами слоя будет скрыто, а граница выделения закрыта.
<div style="border:solid 1px #ffcc00; ширина:100px; высота:20px;overflow:hidden;">
<select name="select" style="width:105px; height:25px; поля слева: -1 пикселей; поля сверху: -1 пикселей;" name="select" >
<option value="1">Обычный участник</option>
<option value="2">Уровень 2 или местный клуб</option>
<option value="3">Ассоциация</option>
</выбрать>
</div>
Используя этот метод, вы можете сделать выбор без рамки или изменить границу. Но это ограничивается только состоянием списка. Когда он отображается в множественном состоянии, будет отображаться след. Ограничение глубины кадра в IE и в FF Не там, малыш, так сложно управлять!