在CSS中更改删除线文本的颜色

12

我的 HTML 代码是:

<html>  
<body>  
     <div id="example">this is example</div>  
</body>  
<html>

我的 CSS 样式为:

#example{text-decoration: line-through;color:#ccc;} 

我得到的输出是这样的
输出图像
但是我想要像这样
我试图做到这一点 ,但是我做不到。帮我做到这一点。


3
https://dev59.com/ZXNA5IYBdhLWcg3wEZaT - user778097
2个回答

20

1
如果您能提供原始答案的链接,那就太好了。https://dev59.com/ZXNA5IYBdhLWcg3wEZaT#1107556 - Maheep
那么这个链接参考应该会有所帮助。给出来源的习惯是很好的。 - Maheep
没有什么不好意思的。这不仅仅是关于信用的问题。在这种情况下,参考文献是一篇非常好的文章,它不仅告诉你如何做,还列举了很多缺点等等,这将会非常有帮助。 - Maheep
删除或者打上 HTML 标签会让页面看起来更加整洁: <del>  <span style="color:#999">Facebook</span>  </del> - Eugene Kardash

0

这是一个例子,它正常工作。

HTML:

<div id="example">
    this is example
    <span></span>
</div>

CSS:

#example{
    color:#ccc;
    font-size: 20px;
    position: relative;
    display: inline-block;
}

#example span {
    position: absolute;
    width: 100%;
    border-top: 1px solid red;
    left: 0;
    top: 50%;
}

http://jsfiddle.net/amkrtchyan/RHPHX/1/


但是当有多行时,它就无法工作。 - martin

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接