如何使删除线看起来像x

Question

我正在尝试制作仅使用jquery来制作选项卡而不使用jQuery UI的页面。 在页面顶部有一个h1 ，如下所示：

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

我想知道是否可以使删除线看起来像x，如下所示：

Answer 1

您可以使用CSS执行以下操作：

 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%; } 

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

本质上，它使用:before sudo选择器在文本顶部放置一个“ X”。