2015-10-10 41 views
-1

我試圖讓在網站的頂部右側的按鈕有不同的懸停顏色比灰色。我正在拍攝更輕的橙色。這裏是我用過的btn css代碼。什麼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/

+2

的一個用':hover'也許...? – Nick

+0

在這個網站上,你試圖改變按鈕懸停顏色? – sam44

+0

右上方有三個橙色按鈕,表示List |照片|地圖。 –

回答

0

可以看出,我認爲這是your're想改變什麼:

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

或者可能這

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

任何.class_name:懸停控制當您將鼠標放在上面時發生的情況。

+0

用代碼寫的十六進制代碼就是我想要的橙色。即使使用上面寫的代碼,懸停也不是灰色,而是編碼的橙色。有些事情一定要過去。 –

+0

該按鈕上的類是.btn,。 changeview,.active。所以我想嘗試.btn:懸停,.changeview:懸停。主動:懸停{背景顏色:#F47825} 如果失敗添加在您的所有樣式表後