Question

如果两个标记都位于<select>标记下，我如何设置<select multiple="multiple"> HTML标记和<form> HTML标记的样式？当然CSS中的样式。如果有人知道如何做到这一点，有人可以给我一个例子吗？

谢谢！亚伦

Answer 1

您可以非常轻松地使用课程：

.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

样式选择和多选？

1 个答案: