html - 我的选择代码样式在 firefox 中有效,但在 ie 中无效

标签 html css

<分区>


这个问题似乎离题,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a minimal example在问题本身。

关闭 9 年前

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

最佳答案

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

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

来自MSDN (在备注部分):

Except for background-color and color, style settings applied through the style object for the option element are ignored.

关于html - 我的选择代码样式在 firefox 中有效,但在 ie 中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14737286/

上一篇:php - 使用php变量和css根据事件和sql数据改变背景颜色

下一篇:css - Kendo Mobile - 模态视图不调整内容的高度

相关文章:

javascript:如何获取网页的内容

html - 树形菜单的 CSS 垂直线

html - 使用CSS将视频设置为背景

jquery - 如何使用 jQuery 添加字形图标?

javascript - 在每个 span 元素上画圆圈

javascript - 相同的代码,相同的浏览器,不同的用户行为

asp.net - CSS 未应用于未经身份验证的 ASP.NET 页面

html - 滚动 Bootstrap 3 时保持导航栏宽度相同

css - Chrome 溢出 :auto scrolls body when using trackpad

html - 居中和右对齐带有文本溢出的 flexbox 元素,并在左侧留出空白