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

帕蒂·贝洛伊丝(Patty Belloise)

除了将鼠标悬停在我的网站上的这些按钮之外,它们看起来都很棒。当将鼠标悬停在上方时,字体变为黑色,按钮仅在一半位置变为浅橙色。按钮的顶部保持不变。我希望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/,该按钮位于“搜索”框中的右上角。

宾比特

您需要在中删除以下CSS规则(影响.btn:hover,悬停效果)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;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章