Question

我的网站上的按钮看起来很棒，除非你将它们悬停。当悬停在字体上方变为黑色时，按钮仅在中途变为浅橙色。按钮的顶部保持不变。我希望css控制控制悬停效果的属性，但我不知道在第一步中控制它们的是什么。

      .btn {
         background-color: #f45F25;
         background-image: linear-gradient(to bottom, #f47825, #f45F25);
         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #f47825;
         }

该网站为http://clearwaterfloridabeachrentals2.imbookingsecure.com/，该按钮位于搜索框右上角。

Answer 1

您需要在.btn:hover中删除以下CSS规则（影响insta-common.css，悬停效果）：

.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

a:hover, a:focus {
    color: #005580;
    text-decoration: underline;
}

如何删除网站上按钮上的悬停效果？

1 个答案: