是否可以为"text-decoration:line-through"指定线宽; 在CSS？

Question

CSS中直通属性的默认权重1px非常适合1em的正文复制.

不幸的是,对于较大的商品,例如在优惠网站上设置为3em的价格,1px实在太轻了.是否可以为直通设置更重的线宽？

如果没有,我应该考虑哪些替代方案,例如图像叠加？

Answer 1

你可以在现代浏览器中做这样的事情

.strike{
    position: relative;
}

.strike::after{
    content: '';
    border-bottom: 4px solid red;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
}


I <span class="strike">love</span> hate hotdogs

也是一个小提琴:http: //jsfiddle.net/TFSBF/

Answer 2

我认为这是一个浏览器实现问题。

请参阅此页面http://jsbin.com/arucu5/2/edit

在 IE8 和 Firefox 中，线条宽度随着字体大小而增加。然而在 Safari 和 Chrome 中它仍然是 1px

你总是可以像这样的肮脏的Ghetto方法 http://www.overclock.net/web-coding/167926-ghetto-css-strike-through.html