2015-09-26 72 views
-1

我的網站上的按鈕看起來很棒,除了當您將它們懸停時。當字體變成黑色時,該按鈕僅在一半時變成淺橙色。按鈕的頂部保持不變。我希望對控制懸停效果的屬性進行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/,該按鈕位於搜索框右上角。

回答

0

您需要刪除下面的CSS規則insta-common.css(影響.btn:hover,懸停效果):

.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; 
} 
+0

我添加的代碼,並調整背景位置徘徊時,以覆蓋整個按鈕。現在的問題是,這個按鈕在盤旋時變成了白色,我似乎無法調整懸停顏色。 –

+0

.btn:懸停,.btn:焦點{0}顏色:#333; text-decoration:none; 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; } a:懸停,a:焦點顏色:#005580; text-decoration:underline; } –