使用CSS禁用表单输入

我有以下表单元素，我需要禁用通过鼠标使用纯粹的CSS访问。我无法通过编辑表单输入市场调整来访问表单元素来禁用，我只能访问CSS样式表。使用CSS禁用表单输入

<input type="text" name="rs:def:website" size="48" maxlength="64">

我试图使用pointer-events:none从能够接受输入禁用的元素。我需要确保我不禁用其他文本输入。

这是我试过没有运气。有什么建议么？

.rs:def:website .input{ 
    pointer-events: none; 
}

为什么使用'pointer-events'而不是'disabled'或'readonly'属性？ – j08691

点符号用于类选择器，但您尝试通过与'class'不同的属性来寻址元素。另外，选择器中的空间意味着第二部分是第一部分的后代，但是您有一个单一元素。您是否尝试过输入[name =“rs：def：website”]'？ –

[如何禁用所有div内容]的可能的副本（https://stackoverflow.com/questions/639815/how-to-disable-all-div-content） – lumio

这里是正确的CSS选择：

input[name="rs:def:website"] { 
 
    pointer-events: none; 
 
}

<input type="text" name="rs:def:website" size="48" maxlength="64">

正如其他的答案中提到的，这是不是为了防止用户编辑此输入一个万无一失的方法。

2017-08-21 16:49:03

您仍然可以选中它 –

完美，谢谢！ –

只需使用disabled即可禁用输入。

<input type="submit" disabled>

2017-08-21 16:49:04 aahhaa

这是不可能用纯CSS。 pointer-events: none;可能在某些情况下工作，但您仍然可以通过选项卡。

您将需要更改实际的HTML。直接在HTML文件中或通过Javascript添加disabled。

<input type="text" name="rs:def:website" size="48" maxlength="64" disabled>

2017-08-21 16:50:23

回答