首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >文本装饰:直通不能在IE上工作吗?

文本装饰:直通不能在IE上工作吗?
EN

Stack Overflow用户
提问于 2012-10-12 04:28:16
回答 6查看 6.7K关注 0票数 2

我有这个

代码语言:javascript
复制
.strike{
    text-decoration: line-through;
}

每次调用我的disable()时,它都会从我的<select>中禁用<option>,并添加这个类,但它在IE上不起作用。是的,我的<option>被禁用了,但是IE上的文本装饰失败了。解决此问题的方法是什么?谢谢。

编辑:我刚刚发现text-decoration: line-through在Chrome上也不起作用。

EN

回答 6

Stack Overflow用户

发布于 2012-10-12 05:08:32

设置select元素样式的选项很少。这是一个显示可用选项(和限制)的support grid

你最好用另一种方式(example)来模拟“选择”,而不是尝试用CSS设置一个选择窗体控件的样式。

票数 2
EN

Stack Overflow用户

发布于 2012-10-12 05:16:05

通常,option元素在样式方面有很多限制,因为它们的呈现在很大程度上仍然基于系统中的内置例程,而这些例程通常不能通过CSS进行控制。覆盖通常不起作用,因为您可以使用一个简单的静态示例<select><option style="text-decoration: line-through">Hello world</select>进行测试。(出于好奇,Firefox在初始状态下使用了连线,而不是初始选择的选项。)

考虑使用另一种方法。如果无法选择某个选项,为什么不直接将其删除?(我的意思是用JavaScript删除元素。用CSS隐藏它不能很好地工作。)

或者,将其disabled属性设置为true。这将阻止它被选中,并且它将在流行的浏览器上使用灰色文本显示。

票数 2
EN

Stack Overflow用户

发布于 2018-04-03 15:58:05

我的问题是文本修饰:行通过;在IE中不起作用。我使用速记在单个声明中设置一个或多个单独的文本修饰值(例如,文本装饰:通过虚线的蓝色).I发现它还不受支持。https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration

如果您需要另一种颜色作为下划线/划线,请使用额外的span元素。

代码语言:javascript
复制
<span style="color:red; text-decoration: line-through;"><span style="color: blue; text-decoration: none">Try this!</span></span>

不确定这对你的情况是否有帮助。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12847993

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档