css - 谷歌浏览器 : Diagonal CSS line-through

我只是想知道这是否在某种程度上是一个 css 属性:

有人知道吗？

最佳答案

不，这绝对不是 CSS。

但是，这并不意味着您不能用 CSS 做类似的事情。从具有特定类的元素开始，例如“slashed”:

<span class="slashed">True?</span>

然后，CSS 伪元素/选择器来拯救!

.slashed:before {
    content:"╱";   
    display:block;
    color:red;
    font-size:2em;
    position:relative;
    left:1em;
    top:5px;
  }

请注意，CSS 中使用的斜杠是“╱”，而不是“/”，因为它提供了更好的斜杠效果。您显然可以通过更改 top、left 和 font-size 属性来调整它。最终结果如下所示:

enter image description here

请注意，CSS :before 在以下 IE7 和其他(更)旧的浏览器中不起作用，因此您需要某种回退。

关于css - 谷歌浏览器 : Diagonal CSS line-through，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9685483/

相关文章：

google-chrome - 在 Chrome 中自动录制语音输入