Блог

Как я могу стилизовать как <select> HTML-тег, так и <select multiple="multiple"> HTML-тег, в то время как оба тега находятся под <form> тегом? Конечно, стилизация в CSS. Если кто-то знает, как это сделать, может кто-нибудь привести мне пример?

Спасибо! Аарон

Вы можете довольно легко использовать классы:

 .singleSelect {
  width: 200px;
}

.singleMultiple {
  width: 300px;
}

<form>
 <select class="singleSelect">
  <option>Test</option>
 </select>'
 <br/>
 <select class="singleMultiple" multiple="multiple">
  <option>Test 1</option>
  <option>Test 2</option>
  <option>Test 3</option>
 </select>
</form>
  

http://jsfiddle.net/GyxL4/

Более продвинутый селектор можно использовать в select[multiple] , но будьте осторожны, устаревшие браузеры (РЕДАКТИРОВАТЬ: по-видимому, только IE6) могут не всегда поддерживать селектор атрибутов, и в первом примере ниже вы стилизуете каждый SELECT элемент на странице (это называется селектором элементов):

 select {
  width: 200px;
}

select[multiple] {
  width: 300px;
}
  

Смотрите: http://www.w3.org/TR/CSS2/selector.html