Hover上的HTML按鈕標籤樣式

我正在使用HTML按鈕標籤，但下面提到的樣式應該只應用於頂部菜單，而不是網站中的其他按鈕標籤。我嘗試使用的代碼button.menuButton:hover，但它不工作Hover上的HTML按鈕標籤樣式

<button id="menuButton" type="button" name="menuButton" title="Logout"> 
<img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br /><b>Logout</b> 
</button>

和應用下面的風格，它會顯示在底邊框的山脊兩側的石灰顏色和其餘的將在虛線模式。

button:hover 
{ 
    border: 1px dashed #CCCCCC; 
    border-bottom: 2px ridge Lime; 
}

任何幫助，非常感謝。

來源

2012-04-09 Yashman Gupta

Ch ange按鈕：懸停到按鈕＃menuButton：懸停，它會正常工作 – gout 2012-04-11 04:13:46

@gout更好的是，只有'#menuButton：hover'-因爲你有一個ID，所以沒有必要給一個標籤名稱。 – 2013-10-26 04:09:09

如果您希望樣式僅應用於特定按鈕，則應僅在這些按鈕標籤中指定一個類。例如：
這是Button類：

.mybutton 
{ 
    border: 1px dashed #CCCCCC; 
    border-bottom: 2px ridge Lime; 
}

雖然宣稱按鈕：

此按鈕將有風格：

<button id="menuButton" type="button" name="menuButton" class="mybutton" title="Logout"> 
    <img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br  /><b>Logout</b> 
</button>

此按鈕將不會有款式：

<button id="menuButton" type="button" name="menuButton"title="Logout"> 
     <img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br  /><b>Logout</b> 
    </button>

來源

2012-04-09 08:27:45 Ashwin

老闆爲什麼既是id又是類？他們中的任何一個都夠了。 – gout 2012-04-11 04:15:35

@ gout：因爲提問者在他的問題中使用了id，我只是讓它在那裏。 – Ashwin 2012-04-11 04:29:28

老闆thukiralaama（反對票）？ – suraj 2012-04-11 04:32:26

如果你想使用button.menuButton:hover那麼你的按鈕將需要.menuButton類。

<button [...] class="menuButton">

在CSS中，點（。）表示您指的是元素上的類名。

來源

2012-04-09 08:21:30

@Yashman Gupta：如果您希望樣式僅應用於特定按鈕，則應僅在這些按鈕標籤中指定一個類。例如： – Ashwin 2012-04-09 08:24:49

感謝Ashwin＆Jamie – 2012-04-09 08:28:35

@YashmanGupta：不客氣:) – Ashwin 2012-04-09 08:34:41

Hover上的HTML按鈕標籤樣式

回答

相關問題