“Readonly”块（div）通过CSS或JS + CSS

Question

我有一个块（div），其中包含select标签，按钮标签等。我需要一个解决方案来将此块指定为“readonly”属性。使用css或js + css，这意味着此块的内容不会是可点击的或可选择的。

感谢名单

Answer 1

用于此块：

div {
    position: relative;
    z-index: -1:
}

Answer 2

最简单的是在它上面添加一个图层 -

• 制作父元素（您现在拥有的容器） 职位：亲属
• 添加子元素（带有类图层的空白div） ）
• 添加位置：绝对;宽度：100％;身高：100％;顶部：0;左：0; 的z-index：999;到具有类图层的新div

Answer 3

用css

#divid { pointer-events: none; }

<强>更新

<div id="wrapper">
    <input type="button" value="test" onclick="javascript: alert(1);" />
</div>

CSS

#wrapper { pointer-events: none; }

Answer 4

试试这个：

-webkit-user-select: none;  
-moz-user-select: none;  
-ms-user-select: none;  
user-select: none;