Question

链接 http://ferrenetwork.com/weavechanges/dataentry.html

这是使用

的html代码

<select id="box1View" multiple="multiple">
   <option>2008-2009 "Mini" Baja</option>
   <option>AAPA - Asian American Psychological Association</option>
   <option>Agape</option>
   <option>AGE-Alliance for Graduate Excellence</option>
   <option>AICHE (American Inst of Chemical Engineers)</option>
</select>

这是我在css中使用的样式

#box1View{width:350px; height:350px; border:1px solid #CDCDCD; }
#box1View option {background:#E6E6E6; border: 1px solid #fff; padding: 15px 0 15px 5px;cursor:pointer;}
#box1View option:hover {background:#e0f0f5; cursor:pointer;}

Answer 1

表单元素通常由操作系统呈现，而不是由浏览器呈现。这意味着它们的样式并不总是有效。它可能在某些浏览器中，但它是非标准行为。

<option>标签实际上无法设置样式。不幸的是，这是设计的。

来自MSDN（在备注部分下）：

除了background-color和color之外，通过选项元素的样式对象应用的样式设置将被忽略。

我的选择代码样式在firefox中工作但不在ie中

1 个答案: