Html 如何使输入字段不可选择

Html 如何使输入字段不可选择,html,css,Html,Css,如何使此输入字段不可选择? 我已经尝试过了,但我仍然可以选择文本: 输入{ 边界半径:10px; 宽度:100%; 填充:6px 20px; 边际:2px0; 框大小:边框框; 边框:2px实心#555; 大纲:无; } 输入:焦点{ 边界半径:10px; 边框:2px实心#555; 边框颜色:红色; } 分区capbg1{ 用户选择:无; -moz用户选择:无; -khtml用户选择:无; -webkit用户选择:无; -o-用户选择:无; } 或者,您可以使用指针事件:无 输入{ 边界

如何使此输入字段不可选择? 我已经尝试过了,但我仍然可以选择文本:

输入{
边界半径:10px;
宽度:100%;
填充:6px 20px;
边际:2px0;
框大小:边框框;
边框:2px实心#555;
大纲:无;
}
输入:焦点{
边界半径:10px;
边框:2px实心#555;
边框颜色:红色;
}
分区capbg1{
用户选择:无;
-moz用户选择:无;
-khtml用户选择:无;
-webkit用户选择:无;
-o-用户选择:无;
}


或者,您可以使用
指针事件:无

输入{
边界半径:10px;
宽度:100%;
填充:6px 20px;
边际:2px0;
框大小:边框框;
边框:2px实心#555;
大纲:无;
指针事件:无;
}
输入:焦点{
边界半径:10px;
边框:2px实心#555;
边框颜色:红色;
}
分区capbg1{
用户选择:无;
-moz用户选择:无;
-khtml用户选择:无;
-webkit用户选择:无;
-o-用户选择:无;
}


或者,您可以使用
指针事件:无

输入{
边界半径:10px;
宽度:100%;
填充:6px 20px;
边际:2px0;
框大小:边框框;
边框:2px实心#555;
大纲:无;
指针事件:无;
}
输入:焦点{
边界半径:10px;
边框:2px实心#555;
边框颜色:红色;
}
分区capbg1{
用户选择:无;
-moz用户选择:无;
-khtml用户选择:无;
-webkit用户选择:无;
-o-用户选择:无;
}

您可以将
放在
中,然后使用伪元素
:before或:after
作为输入框上的透明层,然后添加
用户选择:无
。不要忘记设置
z-index

.capbg1标签{
宽度:50%;
身高:100%;
显示:内联块;
位置:相对位置;
边界半径:10px;
溢出:隐藏;
填充:6px 20px;
边际:2px0;
框大小:边框框;
边框:2px实心#555;
/*用户选择无*/
用户选择:无;
-moz用户选择:无;
-khtml用户选择:无;
-webkit用户选择:无;
-o-用户选择:无;
}
.capbg1标签:之后{
顶部:0px;
左:0;
位置:绝对位置;
宽度:100%;
身高:100%;
背景:tranparent;
内容:“;
显示:块;
z指数:999;
}
输入{
位置:相对位置;
大纲:无;
显示:内联块;
边界:无;
z指数:1;
}
输入:焦点{
边界半径:10px;
边框:2px实心#555;
边框颜色:红色;
}

您可以将
放在
中,然后使用伪元素
:before或:after
作为输入框上的透明层,然后添加
用户选择:无
。不要忘记设置
z-index

.capbg1标签{
宽度:50%;
身高:100%;
显示:内联块;
位置:相对位置;
边界半径:10px;
溢出:隐藏;
填充:6px 20px;
边际:2px0;
框大小:边框框;
边框:2px实心#555;
/*用户选择无*/
用户选择:无;
-moz用户选择:无;
-khtml用户选择:无;
-webkit用户选择:无;
-o-用户选择:无;
}
.capbg1标签:之后{
顶部:0px;
左:0;
位置:绝对位置;
宽度:100%;
身高:100%;
背景:tranparent;
内容:“;
显示:块;
z指数:999;
}
输入{
位置:相对位置;
大纲:无;
显示:内联块;
边界:无;
z指数:1;
}
输入:焦点{
边界半径:10px;
边框:2px实心#555;
边框颜色:红色;
}


可能您正在查找:-可能您正在查找:-请注意,您仍然可以在输入字段中使用制表符。请注意,您仍然可以在输入字段中使用制表符。