CSS 禁用输入

在某些情况下，我们可能需要禁止用户在某个 input 或 textarea 中输入内容，这时可以使用 CSS 来实现。

pointer-events

可以使用 pointer-events 属性来阻止用户操作一个元素，包括输入操作。通过设置 pointer-events: none;，我们可以禁止用户在某个元素上进行鼠标或手势操作。

.disabled-input {
  pointer-events: none;
}

user-select

另外，还可以使用 user-select 属性来控制文本的选中状态，从而达到禁用输入的效果。通过设置 user-select: none;，我们可以禁止用户在某个元素上选中文本。

.disabled-input {
  user-select: none;
}

需要注意的是，这种方式只能阻止选中输入框内的文字，用户仍可以通过键盘输入内容。

部分禁用输入

如果需要只禁用部分输入，我们可以将输入框的 readonly 属性设置为 true，这样用户可以看到输入框内的内容，却无法编辑。

<input type="text" readonly>

总结

以上就是使用 CSS 实现输入禁用的方法。通过 pointer-events 和 user-select 属性可以禁止用户操作元素或选中文本，通过 readonly 属性可以禁用输入框的编辑。需要根据实际情况选择合适的方法。