奇技淫秽：css实现整个表单只读formreadonly

一般的方法往往是在表单的每一个input，select等都加上readonly，但是这种方法有很多缺点。这里我就不细说了。我提到的方法只需要在表单中添加一个类就可以使表单只读。方法一：使用:before为表单做一个隐形遮罩，覆盖下面所有元素，使其不响应任何事件。form-readonly{位置:relative;}.form-readonly:before{content:"";z-索引：1；位置：绝对；顶部：0；右：0；底部：0；left:0;}方法二：使用pointer-events:none，让所有事件穿透form.form-readonly{pointer-events:none;}关于pointer-events属性可以看这个介绍：https://segmentfault.com/a/11...