2016-10-23 96 views
0

夥計們當我點擊我網站上的一個按鈕時,我遇到問題,它會像我想要的那樣工作。然而,當我第一次點擊它並且背景顏色改變時,主頁按鈕發生了變化,但是當我想再次這樣做時,背景顏色停止變化...所以我在我的末尾做了這段代碼CSS,但它仍然行不通。代碼有問題嗎?點擊鏈接後,我的懸停功能已停用

a:hover{ text-decoration: none; color:#45423D;} 

謝謝!

+1

目前還不清楚你想達到什麼目的。點擊和懸停是兩種不同的操作 - ':hover'選擇器不影響鏈接在點擊之後(或在點擊期間)的樣子,它只會改變鏈接的外觀,當光標懸停在某個元素上時(=繼續)。 – Kay

+0

您需要提供一個真實的[MCVE],而不僅僅是一行代碼。 – Quentin

回答

1

您在哪個瀏覽器中測試了這個?
如果它是谷歌瀏覽器,並且您使用開發工具,則您可能處於響應式設備模式,其中谷歌瀏覽器的行爲有時很奇怪。 這看起來像:Responsive Mode

如果是這樣,類型CTRL + SHIFT +中號。這應該有助於Google Chrome。

這是我測試的代碼和它的工作原理:

<html> 
    <head> 
     <title>test</title> 
     <style> 
      a:hover { color:#45423D; background-color: red; } 
     </style> 
    </head> 
    <body> 
     <button><a>test</a></button> 
    </body> 
</html> 
0

在你的代碼中有你改變顏色的屬性沒有背景顏色,使代碼由鉑21應該工作。您的代碼應該是有點像 。 a:懸停{text-decoration:無; 。 background-color:#45423D; }

希望你明白