css input标签禁止输入
时间: 2023-10-21 09:28:36 浏览: 151
input禁止键盘及中文输入,但可以点击
要实现CSS中input标签的禁止输入,可以使用以下CSS样式:
```css
input {
user-select: none; /* 禁止选择文本 */
-webkit-user-drag: none; /* 禁止拖拽元素 */
-webkit-user-modify: read-only; /* 将输入框设置为只读 */
}
```
通过设置`user-select`属性为`none`,可以禁止用户选择文本。通过设置`-webkit-user-drag`属性为`none`,可以禁止元素拖拽。通过设置`-webkit-user-modify`属性为`read-only`,可以将输入框设置为只读。这样就可以实现禁止输入的效果。
另外一种方法是通过JavaScript,在input标签聚焦时立即让其失去焦点,从而规避光标显示。可以使用以下代码实现:
```javascript
$('input<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文