html – CSS:直线与颜色不同的文字颜色?

前端之家收集整理的这篇文章主要介绍了html – CSS:直线与颜色不同的文字颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > CSS strikethrough different color from text?10个答案我想要有一个红色的穿透灰色文本,但这种风格不起作用:
color: #a0a0a0;
text-decoration: line-through 3px red;

我究竟做错了什么?

解决方法

您可以使用两个嵌套元素来模拟所需的效果,例如:
<style type="text/css">
    span.inner {
        color: green;
    }
    span.outer {
        color: red;
        text-decoration: line-through;
    }
</style>

<span class="outer">
    <span class="inner">foo bar</span>
</span>

jsfiddle

原文链接:https://www.f2er.com/html/233489.html

猜你在找的HTML相关文章