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');
});