html - CSS:颜色与文本颜色不同的直通线?

标签 html css strikethrough

<分区>

我想要带有红色删除线的灰色文本,但这种样式不起作用:

color: #a0a0a0;
text-decoration: line-through 3px red; 

我做错了什么?

最佳答案

您可以使用两个嵌套元素来模拟所需的效果,例如:

        span.inner {
            color: green;
        }
        span.outer {
            color: red;
            text-decoration: line-through;
        }
<span class="outer">
    <span class="inner">foo bar</span>
</span>

jsfiddle

关于html - CSS:颜色与文本颜色不同的直通线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4364263/

相关文章:

javascript - 确保程序在设置凭据之前从数据库中检索凭据

jquery - Bootstrap 2.2.1 中的弹出框

javascript - 在 Wordpress 中使用 Slicknav

javascript - Jquery slideUp 不触发

python - 更改 Tkinter 文本小部件中的退格效果

ios - 如何创建带删除线文本的 UILabel?

javascript - 传递动态 Javascript HTML 的 ID

css - HTML 5-如何绕过验证错误?-在此上下文中不允许元素 div 作为元素 h1 的子元素

css - 我怎样才能让这个 div 的一部分彼此相邻?

performance - Excel vba 执行时间与单元格内容长度呈指数关系