如何在二十六个儿童主题Wordpress下删除不可阻挡的链接下划线

Question

我有a WordPress site with a twentysixteen child theme，我试图磨砺某些东西。我想要的一件事就是让侧边栏减少速度，理想情况下，访客的注意力集中在大部分时间阅读内容上。

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

经过十几次尝试之后，我所拥有的内容如下。 The stylesheet主要在搜索后将所有正确的列小部件视为链接下划线相同。

在UI中，如果查看右侧列，则排除用于显示图像列的窗口小部件：

• 第一个和第三个小部件（不包括一系列书籍封面）有下划线的链接，
• 第二和第四不。
• 第1，第2和第3使用任意文本小部件。

我在调试时跳了鲨鱼。

我花了几个小时在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;

如果有帮助，请告诉我