0

私は次のことを試みています：

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タグではないと言っていますが、無効が括弧で囲まれている2番目のCSS定義だけです。

4

2 に答える 2

1

それは:not(:disabled)

http://jsfiddle.net/yVanF/

もう少し明確にするために：http://jsfiddle.net/yVanF/1/

于 2013-04-23T02:16:46.463 に答える
1

これを試して、: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);
}
于 2013-04-23T02:17:35.010 に答える