我正在尝试使网站右上角的按钮具有与灰色不同的悬停颜色。我正在拍摄一个较浅的橙色。这是我用过的btn css代码。
button.btn.btn-mini, input[type="submit"].btn.btn-mini {
background-color: #F47825;
color: white;
}
button.btn.add-wishlist.bapi-wishlisttracker {
background-color: #F47825;
}
.btn-primary:hover {
color: #fff;
background-color: #F47825;
}
.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;
text-shadow: 0 1px 1px rgb(208, 76, 43);
color: #ffffff;
}
.btn:hover, .btn:focus {
color: #fff;
text-decoration: none;
background-color: #F47825;
background-position: 0 -30px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
}
.btn:active, .btn.active {
color: #fff;
background-color: #D04C2B;
}
可以在http://www.clearwaterfloridabeachrentals.com/rentals/rentalsearch/
看到答案 0 :(得分:0)
我认为这是你想改变的地方:
.btn:hover, .btn:focus {
background-color: #F47825;
}
或可能
.btn-primary:hover {
background-color: #F47825;
}
任何.class_name:hover控制将鼠标放在上面时发生的情况。