.search-box-border{
margin-left:100px;
margin-top: 23px;
}
.search-box{
border-radius: 1rem;
border-color:green;
}
li{
list-style-type:none;
}
<li class="search-box-border">
<form role="search" >
<input type="text" placeholder="Search..." class="search-box">
</form>
</li>
在上面的代码中,我试图创建一个 border-color
为绿色的文本框。但我遇到了一些问题,我想解决这个问题。
我创建了带有绿色边框的文本框,但它显示为半黑半绿(可能是阴影),我想删除它。
当点击框时会出现一个灰色的额外边框,我想删除那个 (可能是文本框的剩余部分), 我怎样才能解决这个问题?
最佳答案
替换
border-color:green;
与
border: 1px solid green;
.search-box-border{
margin-left:100px;
margin-top: 23px;
}
.search-box{
border-radius: 1rem;
border: 1px solid green;
outline: none;
}
li{
list-style-type:none;
}
<li class="search-box-border">
<form role="search" >
<input type="text" placeholder="Search..." class="search-box">
</form>
</li>
关于html - 单击文本框时如何删除多余的边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39587261/