CSS 不讓 input 框輸入的方法有很多種。下面我們介紹一些比較常用的方法。

方法一：

input {
pointer-events: none;
}

這種方法的原理是通過 pointer-events 屬性來控制 input 元素的鼠標事件，從而實現(xiàn)禁止輸入的效果。

方法二：

input {
user-select: none;
}

這種方法的原理是通過 user-select 屬性來控制 input 元素的文本選擇，從而實現(xiàn)禁止輸入的效果。

方法三：

input {
-webkit-user-modify: read-only;
-moz-user-modify: read-only;
-ms-user-modify: read-only;
user-modify: read-only;
}

這種方法使用了 user-modify 屬性，這個屬性控制元素是否可以被編輯。read-only 表示只讀，即不可編輯。

除了以上方法，還有一些其他的方式實現(xiàn)禁止輸入的效果。我們只需要根據具體場景選擇最適合的方法即可。