3

我正在使用 HTML 按钮标签，但下面提到的样式应该只适用于顶部菜单，而不是网站中的其他按钮标签。我尝试使用代码button.menuButton:hover，但它不起作用

<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;
}

任何帮助深表感谢。

4

2 回答 2

2

如果您希望样式仅应用于特定按钮，则应仅在这些按钮标签中指定一个类。例如：
这是按钮类：

.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-09T08:27:45.387 回答
0

如果您想使用，button.menuButton:hover那么您的按钮将需要 .menuButton 类。

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

在 CSS 中，点 (.) 表示您正在引用元素上的类名。

于 2012-04-09T08:21:30.650 回答