html - 如何使输入字段不可选
问题描述
如何使此输入字段不可选择?我已经尝试过了,但我仍然可以选择文本:
input {
border-radius: 10px;
width: 100%;
padding: 6px 20px;
margin: 2px 0;
box-sizing: border-box;
border: 2px solid #555;
outline: none;
}
input:focus {
border-radius: 10px;
border: 2px solid #555;
border-color: red;
}
div.capbg1 {
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
<div class="capbg1">
<input type="text" class="form-control2 pull-right" value="<?php echo $capcode2;?>" name="captcha" style="width: 29%;" disabled>
</div>
当我将文本放在没有输入字段的 div 中时,它可以工作。我在这里做错了什么?
解决方案
或者,您可以使用pointer-events:none
input {
border-radius: 10px;
width: 100%;
padding: 6px 20px;
margin: 2px 0;
box-sizing: border-box;
border: 2px solid #555;
outline: none;
pointer-events:none;
}
input:focus {
border-radius: 10px;
border: 2px solid #555;
border-color: red;
}
div.capbg1 {
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
<div class="capbg1">
<input type="text" class="form-control2 pull-right" value="<?php echo $capcode2;?>" name="captcha" style="width: 29%;" disabled>
</div>
推荐阅读
- matillion - 如何在 Matillion 中导入环境
- python-3.x - 在网页中显示熊猫数据框并使用 Dash 动态过滤
- c# - 在 foreach-loop 中使用实体框架 DbContext 的 using 语句
- sqlite - 如何将 Northwind 加载到 SQLite3 中 - 错误“文件不是数据库”
- python - 如何更改画布的状态
- unity3d - 在 Unity 中,如何将 3D 模型(预制件)保存为具有透明背景的 PNG 图像?
- node.js - 更新 npm 时的问题
- python - 需要帮助下载 Albow 库
- android - 获取 Android APK 使用的 3rd 方库列表
- php - PHP jQuery ajax提交按钮不起作用