html - 如何指定未禁用的 CSS 标签并将鼠标悬停在按钮上？

Question

我正在尝试以下操作：

button:disabled {
    border-color: #50a3c8 #297cb4 #083f6f;
    background: #0c5fa5 url(/Content/images/old-browsers-bg/button-element-bg.png) repeat-x left top;
    .top-gradient( #FFF, #72c6e4, 4%, #0c5fa5);
    color: white;
}

button:not(disabled):hover {
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(/Content/images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
    .top-gradient(#FFF, #2bcef3, 4%, #057fdb);
}

但我的 IDE 说“禁用”不是有效的 HTML 标记，但仅适用于第二个 CSS 定义，其中 disabled 括在括号中。

Answer 1

那将是:not(:disabled)

http://jsfiddle.net/yVanF/

只是为了更清楚一点：http: //jsfiddle.net/yVanF/1/

Answer 2

试试这个，使用:not(:disabled)

button:not(:disabled):hover {
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(/Content/images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
    .top-gradient(#FFF, #2bcef3, 4%, #057fdb);
}