css如何一次性，给所有的input加上readonly属性？

Question

一个一个加太麻烦了，还是说必须用js？

Answer 1

这是dom元素的属性，你是不是想要像设置样式那样操作它，兄弟不要想了，样式这个大类就是元素的属性。而我们操作元素属性的方式有两种一种是直接在需要的html元素中添加，就像行内样式属性一样，另一种就是通过js操作。

Answer 2

分析题主的需求，猜想可能是想要禁止输入。

我们再思考下正常的输入需要怎么做（键盘打字？#废话）。
其中最重要的第一步是获得焦点，我们再思考用户输入时input获得焦点的方法：

1. 鼠标点选；
2. 键盘tab；

so，可以从这两个点去做文章。

1. pointer-events: none;
2. （借助属性了）tabindex="-1"

其实如果只是移动端，方法1就足以了。

pc端的话，方法1已经可以满足基本需求了，如果一定要滴水不漏，还是老老实实加属性吧（方法2就当拓展了个思路）。