我怎样才能删除 unstoppable link underlines under twenty 16 child theme Wordpress

Question

我有 a WordPress site with a twentysixteen child theme 我正在努力提高某些东西的地方。我想要做的一件事是让侧边栏不再是一个减速带，理想情况下让访问者的注意力大部分时间都集中在阅读内容上。

一些 link 在 UX 动机上加了下划线。（嵌入的 link 带有下划线；link 的列表仅在悬停时带有下划线。）因此，除了搜索之外的第二列小部件通常不带有下划线 link。

经过十几次尝试，我得到的结果如下。 The stylesheet 大多数情况下，搜索后所有正确的列小部件都与 link 下划线.

在UI中，如果你看右边的列，不包括用于显示一列图像的小部件：

第一个和第三个小部件，不包括一列书籍封面，有 links 下划线，
第二个和第四个没有。
第一个、第二个和第三个使用任意文本小部件。

调试成功了

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

如果有帮助请告诉我，

我怎样才能删除 unstoppable link underlines under twenty 16 child theme Wordpress

How can I remove unstoppable link underlines under twentysixteen child themed Wordpress

css

php

wordpress

user-experience