css - 无法删除元素css的下划线

Question

我正在这个网站上工作https://stagetoday.squarespace.com/。

在左下角，有一个链接，但是当我将鼠标悬停在它上面时，我无法删除 text-decoration:underline。

我试过了text-decoration:none，text-decoration:none!important但它仍然存在。

谁能帮我？

Answer 1

这是一个边界

#bottomBar a:hover {
  border: none;
}

或者只有这个链接

.sqs-block-content a:hover {
      border: none;
 }

Answer 2

实际上，这不是下划线，而是：

#topbar a:hover, #container a:hover, #bottomBar a:hover {
color: #999;
border-color: #999; /* here */
-webkit-transition: border 0s ease-out;
-moz-transition: border 0s ease-out;
-o-transition: border 0s ease-out;
transition: border 0s ease-out;
}

只需删除边界声明。

Answer 3

你所要做的 ：

border-bottom: 1px solid transparent;

在第 8096 行的文件 site.css 上，您有这个。它不是下划线属性，而是边框底部属性。

改为更改此属性。