text-decoration：line-through double;没有使用chrome

Question

text-decoration：line-through double; 无法在Chrome浏览器中使用。 是获得双重删除的任何其他选择吗？

＆＃13;

＆＃13;

<h2 style="text-decoration: line-through double;">Hello</h2>

＆＃13;

＆＃13;

＆＃13;

Answer 1

没有添加双线的标准。一个选项是使用伪元素。

＆＃13;

＆＃13;

.doublestrike {
  position: relative;
  display: inline-block;
}
.doublestrike::after {
  content: '';
  position: absolute;
  left: 0;
  top: 45%;
  height: 10%;
  width: 100%;
  border: 1px solid black;
  border-width: 1px 0;
}

＆＃13;

<h2 class="doublestrike">Hello</h2>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你也可以尝试这个

＆＃13;

＆＃13;

h2{position:relative;display:inline-block;}
h2:before, h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    top: 44%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
h2:after{
  top:55%;
  }

＆＃13;

<h2>Hello</h2>

＆＃13;

＆＃13;

＆＃13;