样式选择和多选？答案

【问题标题】：Style Select And Multiple Select?样式选择和多选？
【发布时间】：2011-11-28 14:37:04
【问题描述】：

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

谢谢！亚伦

【问题讨论】：

你能发布你想要样式的 HTML 吗？问题不清楚。
@Ronak - 我编辑了问题，我没有在代码周围添加代码标签，哈哈。谢谢！

标签： html css forms select

【解决方案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] 上使用更高级的选择器，但请注意，旧版浏览器（EDIT：显然只有 IE6）可能并不总是支持属性选择器，在下面的第一个示例中，您正在为页面上的每个 SELECT 元素设置样式（这称为元素选择器）：

select {
  width: 200px;
}

select[multiple] {
  width: 300px;
}

见：http://www.w3.org/TR/CSS2/selector.html

【讨论】：

贾里德，非常感谢。我之前应该想到这一点，我看得太多了，哈哈。你知道哪些 CSS 属性可以与
看这里的第一个表：w3.org/TR/html4/interact/forms.html#h-17.6，在%attrs;下面，在其他地方定义的属性下面。