代码之家 › 专栏 › 技术社区 › peacedog

通过css和ie 7设置<select>选项的样式

internet-explorer-7 listbox css

peacedog · 技术社区 · 15 年前

我想根据某些用户输入(添加新项、编辑现有项,然后使它们处于活动/非活动状态)在列表框中设置实际项的样式。我想做的一件事是使用粗体(用于活动项)和斜体(用于编辑项),只需将css类添加到有问题的列表项(或视情况将其删除)。

在Firefox中,这是可行的。

在IE7中,这些都不起作用。

为什么?这是一个怪癖模式的事情,还是IE7的黑暗之神,在他们无法形容和无限的疯狂,判令这一定不是?Firefox这样做是否违反了日内瓦公约?

以下是我的css类,用于粗体显示:

.active
{
    color:Black;
    font-weight: 600;
}

我也试着用“粗体”来表示字体的粗体,只是为了彻底。这不管用,我相信这里不止一个人会感到惊讶。

3 回复 | 直到 12 年前

Zack Marrapese 15 年前

ie和firefox实现标签的方式不同。

在ie中,你所要求的是不可能的。

Scharrels 15 年前

你现在不能这样做。多个浏览器不支持此功能。作为替代方案,可以使用javascript将标准复选框替换为样式化复选框。

一些jquery选中复选框以显示可能性:

James Maroney 15 年前

很多时候,人们想要设置选项元素的样式,但实际上他们需要optgroup。那能满足你的需要吗? http://www.w3schools.com/tags/tag_optgroup.asp

如果必须对选项进行完全的css控制,那么大多数javascript库都有一个完全由javascript构建的选择框模拟器,然后您可以根据自己的心意来设计样式。 http://www.ajaxupdates.com/jquery-select-box/

对我来说,历史已经表明,用户并不关心甚至注意到额外的样式。但这让设计师们很高兴:)

推荐文章

John · 用于筛选列表框的多个组合框

6 年前

Shachar Har-Shuv · CanExecute true当列表框中的项目被选中时

7 年前

RainbowTeaBag · 如何清除Tkinter ListBox Python

7 年前

5haun0 · 为一行选择了多个条件的高级筛选器

7 年前

Kirill Khod · WPF绑定到资源中的元素

7 年前

arc95 · 获取名称首字母相同的所有文件或图像

7 年前

MyDaftQuestions · 如何将字符串属性绑定到ListBox中的TextBox

7 年前

nboulfroy · C#-使用ListBox组件中的displaymember设置两个属性

7 年前

RazorSharp · WPF C#将结果缓存到文本,然后缓存到列表框

7 年前

mcw · 如何放置urwid。将BigText转换为urwid。列表框

7 年前