CSS樣式的問題，爲按鈕

我一直都試圖給樣式按鈕，使用，我已經將代碼CSS樣式的問題，爲按鈕

#srchBtn 
{ 
    width:120px; 
    height:25px; 
    vertical-align:middle; 
    margin-top:10px; 
    font-family:Tahoma; 
    font-size:15px; 
    border: 1px solid orange; 
    background-color: red; 
    color: white; 
    text-shadow: 0 1px 1px black; 
    padding: 5px 30px; 
    border-radius: 4px; 
    box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px orange, 0 2px 1px black; 
    -o-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px orange, 0 2px 1px black; 
    -webkit-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px orange, 0 2px 1px black; 
    -moz-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px orange, 0 2px 1px black; 
}

但它帶走按鈕的點擊屬性，它就像一個圖像。當我們嘗試點擊它時，它不會像按鈕一樣。什麼可能是錯誤的？

來源

2012-03-09 Sam

只要你改變一個按鈕的外觀，你也需要改變它的僞類:active和:hover有它工作作爲一個正常的按鈕。

也就是說，你的按鈕實際上是一個按鈕，但它不知道它被點擊的樣子（:active）或鼠標懸停（:hover）。

#srchBtn:hover { 
    /* your code here */ 
} 

#srchBtn:active { 
    /* your code here */ 
}

來源

2012-03-09 09:02:07 Harti

謝謝!!感謝您的幫助.. – Sam 2012-03-09 09:32:31

這是您要撥打的JavaScript功能嗎？如果是這樣的結帳腳本加載到您的HTML頁面，並嘗試與小css屬性只是寬度和高度，請參閱天氣它的工作與否。

來源

2012-03-09 08:58:19

no javascript。你有沒有嘗試複製CSS？如果你喜歡，你可以看到這個按鈕是一個普通的圖像。當你點擊它時，視覺上沒有任何聲音。 – Sam 2012-03-09 09:00:39

你的意思是當你點擊它時不會「壓低」？這對於風格化的按鈕來說很正常。你必須自己動畫。 – deed02392 2012-03-09 09:02:03

是的。我正是這個意思。對不起，網頁設計新手。 – Sam 2012-03-09 09:06:58

通過「行爲像一個按鈕」，你的意思是讓它看起來像點擊？

很可能是因爲按鈕沒有其活動（單擊）狀態。通常情況下，無風格按鈕將處於活動狀態，由用戶使用的瀏覽器進行風格設置。但是由於您已經設計了幾乎所有按鈕的方面，因此瀏覽器不會添加其他樣式。

要添加自己的激活（點擊狀態），使用此：

#srchBtn:active { }

你也可以用這種添加了懸停狀態編輯：

#srchBtn:hover { }

來源

2012-03-09 09:03:56 deathlock

我拿走id元素，並使其成爲一個類。以防萬一你決定在你的頁面上有多個按鈕。那麼你可以保持你的網站上的所有按鈕統一和直觀。

.srchBtn{} //also include cursor:pointer 

.srchBtn:hover{}

來源

2012-03-09 09:05:37 kolin

CSS樣式的問題，爲按鈕

回答

相關問題