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

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

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

.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;
}

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

How do I remove the hover effect on the buttons on my site?

html

css

button

hover