标签: line-through

如何更改CSS中的删除/穿透厚度?

我正在使用text-decoration: line-throughCSS,但我似乎无法找到任何方法来改变线条厚度,没有不雅的黑客像<hr>或图像叠加.

是否有任何优雅的方法来指定直通的厚度?

html css thickness line-through

66
推荐指数
4
解决办法
7万
查看次数

继承文本 - 装饰风格

我如何否定或删除父母的文字装饰风格?例如,在下文中,文本和锚都具有直通的文本修饰,有没有办法将其应用于锚标记?

<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 text-decorations line-through

10
推荐指数
3
解决办法
5847
查看次数

如何使用CSS使直通比文本/元素更宽/更大

你能告诉我如何强制CSS使line-through财产比元素更广泛width吗?

例如

<h3 style="text-decoration:line-through">50</h3>
Run Code Online (Sandbox Code Playgroud)

结果看起来像 在此输入图像描述 现在我怎么能让线条比元素更宽更明显?

喜欢 在此输入图像描述

html css css3 line-through

6
推荐指数
1
解决办法
2394
查看次数

如何更改链接的直通/删除颜色?

我有一个带有删除线的链接.我想让删除线更轻,因此链接文本更容易阅读,但无法弄清楚如何做到这一点.

这就是我想要它的样子(使用内部跨度而不是链接,因为它以我想要的方式出现):

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)

有任何想法吗?

css strikethrough line-through

5
推荐指数
1
解决办法
1992
查看次数