Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否可以使用CSS设置禁用输入元素的样式?_Html_Css_Forms_Css Selectors - Fatal编程技术网

Html 是否可以使用CSS设置禁用输入元素的样式?

Html 是否可以使用CSS设置禁用输入元素的样式?,html,css,forms,css-selectors,Html,Css,Forms,Css Selectors,我需要设置禁用的元素的样式,使它们看起来像启用了一样。有人能帮忙吗 另外,我非常清楚做这种事情相对于HCI原则等的缺点,但这是一项要求,所以如果可能的话,我必须这么做 谢谢 编辑: @AlexThomas的方法在HTML代码中禁用元素时效果很好,但不幸的是,我正在使用JQuery执行禁用/启用操作: <select class='dayselector'> <option>Monday</option> <option>Tuesda

我需要设置
禁用的
元素的样式,使它们看起来像启用了一样。有人能帮忙吗

另外,我非常清楚做这种事情相对于HCI原则等的缺点,但这是一项要求,所以如果可能的话,我必须这么做

谢谢

编辑:

@AlexThomas的方法在HTML代码中禁用元素时效果很好,但不幸的是,我正在使用JQuery执行禁用/启用操作:

<select class='dayselector'>
    <option>Monday</option>
    <option>Tuesday</option>
    <!-- .... etc. -->
</select>

$(".dayselector").attr("disabled",true);

$(".dayselector").attr("disabled",false);

但是
$(“.dayselector[disabled='true']”//不返回任何内容。


有什么我遗漏的吗?

你可以选择

select[disabled] {  }

(在中不受支持。也许您应该使用
只读
而不是
禁用
。这将启用输入,但不允许用户更改其值。

使用jquery:

$('option[disabled="true"]').each(function () {
                 $(this).attr('style', 'color:red');
});

请在此处执行检查

我建议这样做,但该字段需要直接不可编辑-而是有“主”控件设置它们。这些主控件不是可以设置为只读而不是禁用吗?:)我重复:我不希望选择直接可编辑。所以readonly不会这样做,因为它们将保持可变。如果它们是readonly,它们将如何变化?只读意味着不可编辑。但是,它是关于选择的。关于复选框的花边新闻是任何阅读评论的人都可以免费获得的。否决票是因为这个答案完全错了。先生,您是a&star;!我只希望我能给你们更多的选票:-)非常感谢,看起来是王牌!该死的。在HTML中声明性地禁用元素时,它工作得很好,但在通过JQuery禁用元素时,它工作得不好,这就是我正在做的。请参阅上面的编辑-非常感谢您的建议。当您在jquery中设置disable时,也可以设置style.Ser-weet!非常感谢:-)我不完全确定这为什么会有不同,但谁在乎呢,它工作得很好。$('option:disabled').attr('style','color:red');​
`$(".dayselector [disabled='false']")  //doesn't return anything.
select[disabled] {  }
select:disabled {  }
$('option[disabled="true"]').each(function () {
                 $(this).attr('style', 'color:red');
});