什么css代码控制按钮悬停颜色?

时间:2015-10-10 14:21:20

标签: html css

我正在尝试使网站右上角的按钮具有与灰色不同的悬停颜色。我正在拍摄一个较浅的橙色。这是我用过的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/

看到

1 个答案:

答案 0 :(得分:0)

我认为这是你想改变的地方:

.btn:hover, .btn:focus {
    background-color: #F47825;
}

或可能

.btn-primary:hover {
background-color: #F47825;
}

任何.class_name:hover控制将鼠标放在上面时发生的情况。