我正在使用text-decoration: line-through
CSS,但我似乎无法找到任何方法来改变线条厚度,没有不雅的黑客像<hr>
或图像叠加.
是否有任何优雅的方法来指定直通的厚度?
我如何否定或删除父母的文字装饰风格?例如,在下文中,文本和锚都具有直通的文本修饰,有没有办法将其应用于锚标记?
<span style="text-decoration:line-through;">
Dead Text
<a href="#" style="text-decoration:underline;color:Red;">Not Dead Text</a>
</span>
Run Code Online (Sandbox Code Playgroud)
注意:将内部文本包装在一个范围内并不是一个简单的选择,所以我正在寻找基于css样式的解决方案,如果可能的话.
你能告诉我如何强制CSS使line-through
财产比元素更广泛width
吗?
例如
<h3 style="text-decoration:line-through">50</h3>
Run Code Online (Sandbox Code Playgroud)
结果看起来像 现在我怎么能让线条比元素更宽更明显?
喜欢
我有一个带有删除线的链接.我想让删除线更轻,因此链接文本更容易阅读,但无法弄清楚如何做到这一点.
这就是我想要它的样子(使用内部跨度而不是链接,因为它以我想要的方式出现):
span.outer {
color: red;
text-decoration: line-through;
}
span.inner {
color: green;
}
Run Code Online (Sandbox Code Playgroud)
<span class="outer">
<span class="inner">foo bar</span>
</span>
Run Code Online (Sandbox Code Playgroud)
但这似乎不起作用:
span.outer {
color: red;
text-decoration: line-through;
}
a.inner {
color: green;
}
Run Code Online (Sandbox Code Playgroud)
<span class="outer">
<a href="#" class="inner">foo bar</a>
</span>
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?