无法删除元素css的下划线

Question

我正在使用此网站https://stagetoday.squarespace.com/。

在左下角，有一个链接，但是我无法删除文本修饰：当我将鼠标悬停在其上时显示下划线。

我尝试了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文件中你有这个。它不是下划线属性，而是边界底部属性。

改为更改此属性。