样式选择和多选？

Question

我该如何在<form>标签内同时渲染<select>和<select multiple="multiple">标签？请提供CSS样式的代码示例。

谢谢！ Aaron

- Aaron Brewer

---

能否提供您想要美化的HTML代码？问题不是很清楚。 - ronakg

@Ronak - 我编辑了问题，但我没有在代码周围添加代码标签哈哈。谢谢！ - Aaron Brewer

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;
}

See: http://www.w3.org/TR/CSS2/selector.html

- Jared Farrish

---

Jared，非常感谢。我之前应该想到了，我看得太多了，哈哈。你知道哪些CSS属性适用于<select> HTML标签吗？ - Aaron Brewer

请查看此处的第一个表格：http://www.w3.org/TR/html4/interact/forms.html#h-17.6，在“％attrs;”下方和“其他定义属性”下方。 - Jared Farrish