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

Html 如何针对“提交”按钮的禁用状态?,html,css,forms,Html,Css,Forms,我已经看了所有的地方,但没有弄清楚:如何在css中定位disabled state submit按钮 例如:如何确定此按钮的目标并设置其样式: <input value="Validate" disabled="disabled" type="submit"/> 不适用于IE6,但应适用于所有其他浏览器 还有一种方法,但在IE中根本不支持 设置禁用元素的样式很困难,因为它们有时具有无法覆盖的属性。本文介绍了在哪些浏览器中应用的样式:CSS中没有为禁用状态定义伪类 我的猜测是使用

我已经看了所有的地方,但没有弄清楚:如何在css中定位disabled state submit按钮

例如:如何确定此按钮的目标并设置其样式:

<input value="Validate" disabled="disabled" type="submit"/>

不适用于IE6,但应适用于所有其他浏览器

还有一种方法,但在IE中根本不支持


设置禁用元素的样式很困难,因为它们有时具有无法覆盖的属性。本文介绍了在哪些浏览器中应用的样式:

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

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

JQuery的代码:

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

$('input[type=button]')。每个(函数(){
if($(this).attr('disabled')==true)
{
$(this.addClass('disabled');
}
});

添加样式元素“disabled”。

我可以想到的一种方法是将按钮的类设置为disabled,然后使用“input.disabled”指定适当的CSS。在您这样做的上下文中,这会起作用吗?

CSS3添加了伪类,它正是您想要的

input:disabled {
 /*Disabled styles for input elements here*/
}
如图所示,所有主要浏览器(IE8除外)都支持此标记,因此它似乎无法使用(除非您不需要IE支持)

您可以使用:

    input[disabled=disabled][type=submit] {
        background:green;
    }
可以在Firefox上使用,据说除了IE6之外,它在所有浏览器上都很好。但是我还没有亲自测试过这种组合选择器

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

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

“目标为禁用状态提交按钮”。你能说得更具体一点吗?我猜他想知道如何使用灰色按钮。是的,我刚刚用一个按钮示例更新了上面的按钮wait,这个样式不都是禁用的元素吗?有没有专门针对禁用按钮的方法?u@Thomas是的,会的。应该可以将此与
[type='submit']
结合起来,但我不知道如何诚实。类的工作方式如下:
input.classname[disabled….
@thomastry
[type='submit'][disabled='disabled']
不保证CSS3中有一个伪类,但IE+1不支持它,因为浏览器支持非常零散,沿着JS路线走似乎是一个很好的解决方案,只要你确定客户端启用了javascript。我在使用Jquery,我将如何实现它?我考虑过这一点,但我担心这可能会被看到由于工程师编写的代码太差……我永远不知道什么会把这些家伙干掉。我同意这不是……很好,但这是一个非常简单的解决方案。我从来没有在专业的编码环境中工作过,但我不知道他们会期望什么!如果你的老板或客户不需要IE支持,请给我打电话!;-)我需要几周时间大量的数据被允许删除IE6和IE7。呵呵……你确实成功地删除了IE6和IE7,已经省去了很多麻烦!请注意@Veger answer,使用CSS3的更现代的方法是:禁用伪类
$("input[disabled=disabled][type=submit]").css
({
    'background':   'yellow',
    'color':        'blue'
});