Question

我有a WordPress site with a twentysixteen child theme，在这里我想加强某些内容。我想要做的一件事是，使侧边栏减少速度障碍，以使访问者的注意力在大部分时间都集中在阅读内容上。

一些链接强调了用户体验的动机。（嵌入的链接带有下划线；链接列表仅在悬停时带有下划线。）因此，除了搜索之外的第二列小部件是通常不带下划线的候选对象。

经过12次尝试后，我所拥有的内容如下。 The stylesheet在搜索后几乎将所有右列窗口小部件视为与链接下划线相同。

在用户界面中，如果您查看右列，则不包括用于显示图像列的小部件：

第一个和第三个小部件（不包括一本书的书封面）带有带下划线的链接，
第2个和第4个没有。
第一，第二和第三使用任意文本小部件。

我在调试中大吃一惊。

我花了几个小时在style.css中打开和关闭内容，加上和减去"text-decoration: none," "text-decoration: underline," "!important,"等，都无济于事。

下面的代码段使用了我能找到的最重的大锤。我期望的效果是我正在分配一种(jQuery.css()) inline !important样式，而这简直是不容置疑的。

;(jQuery(function()
    {
    jQuery.css('aside#secondary a', 'text-decoration: none !important');
    jQuery.css(
      'aside#secondary a:hover', 'text-decoration: underline !important');
    })());

我尝试了一个网站JavaScript文件，并将脚本临时添加到footer.php。没有。我仍然没有设法使下划线消失。

我还没有找出是什么原因造成的；我已经尽力了，但是还不能提供有关该问题的最小说明。我不知道WordPress的胆量。

谢谢

Answer 1

问题在于，显然下划线不是通过text-decoration: underline css属性实现的，而是通过box-shadow: 0 1px 0 0 currentColor实现的。

尝试使用css或js如下重写它：

box-shadow: none;

让我知道是否有帮助，

如何删除26个以儿童为主题的Wordpress下不可阻挡的链接下划线

1 个答案: