有人能解释一下如何删除文本/输入框周围的橙色或蓝色边框(轮廓)吗?我认为只有在Chrome上才会显示输入框处于活动状态。下面是我使用的输入CSS:
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
有人能解释一下如何删除文本/输入框周围的橙色或蓝色边框(轮廓)吗?我认为只有在Chrome上才会显示输入框处于活动状态。下面是我使用的输入CSS:
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
当前回答
请使用以下语法删除文本框的边框,并删除浏览器样式的突出显示边框。
input {
background-color:transparent;
border: 0px solid;
height:30px;
width:260px;
}
input:focus {
outline:none;
}
其他回答
我找到了解决办法。我使用了:大纲:无;在CSS中,它似乎起了作用。无论如何,感谢您的帮助。:)
我发现你也可以使用:
input:focus{
border: transparent;
}
请使用以下语法删除文本框的边框,并删除浏览器样式的突出显示边框。
input {
background-color:transparent;
border: 0px solid;
height:30px;
width:260px;
}
input:focus {
outline:none;
}
这将从所有元素和任何元素中移除橙色铬框,无论它在什么地方
*:focus {
outline: none;
}
<input style="border:none" >
对我来说效果很好。希望在html本身中修复它…:)