如何针对提交按钮的禁用状态?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (60)

我已经看遍了所有的地方,但无法弄清楚:在CSS中,你如何针对禁用的状态提交按钮的?

例如:我将如何定位和样式此按钮:

<input value="Validate" disabled="disabled" type="submit"/>
提问于
用户回答回答于

你可以使用:

    input[disabled=disabled][type=submit] {
        background:green;
    }

在Firefox上工作据报除了IE6,一切都很好。但我还没有亲自测试过这种组合选择器。

PS:一种更好的跨浏览器方法,使用jQuery...

$("input[disabled=disabled][type=submit]").css
({
    'background':   'yellow',
    'color':        'blue'
});
用户回答回答于

CSS3添加了:禁用的伪类,这正是你想要的。

input:disabled {
 /*Disabled styles for input elements here*/
}

由于此页面显示所有主流浏览器(IE8除外)均支持此标记,所以它似乎还不可用

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励