禁用或屏蔽只读文本字段高亮显示或通过CSS选择？
禁用或屏蔽只读文本字段高亮显示或通过CSS选择？
提问于 2014-04-01 00:32:45
是否有一种方法可以禁用或屏蔽仅使用CSS的只读文本框中选定的文本？我正在使用一个在线表单生成器创建一个表单，它允许我在表单之前追加CSS。我已经在只读文本框中使文本“不可见”，使其与背景混合成白色，但如果有人点击Ctrl+A选择页面上的所有内容，他们就能够读取突出显示的文本，而我不希望他们能够这样做。我想阻止他们在只读文本框中高亮显示文本，或者在高亮显示时使文本颜色与高亮颜色相同。
回答 2
Stack Overflow用户
发布于 2014-04-01 00:47:23
可以将user-select属性设置为所有read-only字段的none：
*:read-only, [readonly],[type='readonly'] {
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}小提琴
PS：所有其他浏览器都很好地支持:read-only选择器，除了(所谓的FireFox )，所以我们必须使用属性选择器来完成一些工作。
Stack Overflow用户
发布于 2014-04-01 00:51:10
查看CSS中的pointer-events，以禁止鼠标交互。
<input type="readonly" class="pointernone" value="readonly + pointer-events:none"/>
.pointernone {pointer-events:none;}
如果浏览器理解指针-事件(.旧IEs？，好吧:)
http://codepen.io/anon/pen/ErwJn/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22774710
复制相关文章
相似问题
腾讯云开发者
