代码之家  ›  专栏  ›  技术社区  ›  Christos Hayward

我怎样才能删除不可阻挡的链接下划线下的twenty16儿童主题的Wordpress

  •  2
  • Christos Hayward  · 技术社区  · 6 年前

    我有 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');
        })());
    

    我还没有发现是什么导致了这个问题;我已经尽了很大的努力,但还不能对这个问题提供一个最小的证明;我不知道WordPress的胆量。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Uli    6 年前

    问题是下划线显然不是用 text-decoration: underline box-shadow: 0 1px 0 0 currentColor .

    box-shadow: none;
    

    如果有用请告诉我,