如何使删除线看起来像x

Question

我正在尝试创建一个只使用jquery来制作标签的页面，而不是jQuery UI。在页面顶部有一个h1，如下所示：

<h1>Jquery <del>UI</del> Tabs</h1>

  

我想知道我是否可以使删除线像x一样：

Answer 1

你可以使用CSS做这样的事情：

＆＃13;

＆＃13;

del {
    text-decoration: none;
    position: relative;
}
del:before {
    color: #000;
    content: 'X';
    display: block;
    font-family: "arial";
    font-size: 1em;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

＆＃13;

<h1>Jquery <del>UI</del> Tabs</h1>

＆＃13;

＆＃13;

＆＃13;

基本上它只是放置了一个＆＃34; X＆＃34;使用:before sudo选择器在文本顶部。