使用CSS

Question

我有以下表单元素，我需要禁止使用纯CSS访问鼠标。我无权通过编辑表单输入markeup来禁用表单元素，我只能访问CSS样式表。

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

我正在尝试使用pointer-events:none禁用该元素以接受输入。我需要确保不禁用其他文本输入。

这是我尝试过的，没有运气。有什么建议吗？

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

Answer 1

这是正确的CSS选择器：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

正如其他答案所述，这并不是防止用户编辑此输入的简单方法。

Answer 2

纯CSS无法实现。 <div id="idleTime" class="timekeeper"></div>可能在某些情况下有效，但您仍然可以 Tab 。

您需要更改实际的HTML。直接在HTML文件中或通过Javascript添加pointer-events: none;。

disabled

Answer 3

只需使用disabled来禁用输入。

＆＃13;

＆＃13;

<input type="submit" disabled>

＆＃13;

＆＃13;

＆＃13;