Question

有没有办法只使用CSS禁用或屏蔽只读文本框中的选定文本？我正在使用在线表单构建器创建表单，该表单构建器允许我在表单之前附加CSS。我已经在只读文本框中创建了文本＆＃34;隐形＆＃34;通过使其与背景融为一体，但如果有人按Ctrl + A选择页面上的所有内容，他们就能够阅读我不希望他们能够做的突出显示的文本。我想要阻止它们在只读文本框中突出显示文本，或者在突出显示时使文本颜色与高亮颜色相同。

Answer 1

您可以为所有user-select字段设置none属性为read-only：

*:read-only, [readonly],[type='readonly'] {
  color:transparent;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

Fiddle

PS ：所有其他浏览器支持:read-only选择器除了所谓的FireFox，因此我们必须通过使用属性来解决一些问题选择器。

Answer 2

查看CSS中的pointer-events以禁止鼠标交互。

<input type="readonly" class="pointernone" value="readonly + pointer-events:none"/>

.pointernone {pointer-events:none;}

如果浏览器理解指针事件（...旧IE？，那么:)，

，无法点击CTRL-A

http://codepen.io/anon/pen/ErwJn/

通过CSS禁用或屏蔽只读文本字段突出显示或选择？

2 个答案: