首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何确定提交按钮的禁用状态?

如何确定提交按钮的禁用状态?
EN

Stack Overflow用户
提问于 2010-06-23 18:37:46
回答 4查看 20.3K关注 0票数 23

我已经找遍了所有地方,但还是想不通:如何在css中定位禁用状态的提交按钮?

例如:如何确定此按钮的目标和样式:

代码语言:javascript
复制
<input value="Validate" disabled="disabled" type="submit"/>
EN

回答 4

Stack Overflow用户

发布于 2010-06-23 18:49:25

CSS3添加了:disabled伪类,这正是您想要的。

代码语言:javascript
复制
input:disabled {
 /*Disabled styles for input elements here*/
}

正如this page显示的那样,所有主流浏览器(除了IE8)都支持这个标记,所以它似乎还不能使用(除非你不需要IE支持)。

票数 26
EN

Stack Overflow用户

发布于 2010-06-23 18:45:09

代码语言:javascript
复制
input[disabled='disabled'][type='submit']
{
...
}

在IE 6中不起作用,但应该在所有其他浏览器中起作用。Reference

还有:disabled pseudo-class,但IE根本不支持它。

设置禁用元素的样式是很困难的,因为它们有时具有不能被覆盖的属性。本文展示了哪些样式适用于哪些浏览器:Styling disabled form controls with CSS

票数 5
EN

Stack Overflow用户

发布于 2010-06-23 18:46:29

在CSS中没有为禁用状态定义伪类。

我的猜测是使用JQuery来更改禁用按钮的CSS类。

JQuery代码:

代码语言:javascript
复制
<script language="javascript">
    $('input[type=button]').each(function () {
        if ($(this).attr('disabled') == true)
        {
            $(this).addClass('disabled');
        }
    });
</script>

添加样式元素“disabled”。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3100868

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档