除了将鼠标悬停在我的网站上的这些按钮之外,它们看起来都很棒。当将鼠标悬停在上方时,字体变为黑色,按钮仅在一半位置变为浅橙色。按钮的顶部保持不变。我希望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] 删除。
我来说两句