首页 > 代码库 > html中如何修改选中 用input做的搜索框 的边框颜色
html中如何修改选中 用input做的搜索框 的边框颜色
html中如何修改选中 用input做的搜索框 的边框颜色
如图,当我鼠标选中输入框时,内边框会变成蓝色
我的问题是:
1、如何把蓝色去掉?
2、如何改成别的颜色?
首先感谢 UI设计师提出的需求,解决方法如下:
代码如下:
input[type=text]:focus{
outline: none; // 如何把蓝色去掉?
border: 1px solid #58b195; // 如何改成别的颜色?
}
注意:input的type类型很多,type根据类型而定,也可以写成下面这种形式:
input:focus{
outline: none; // 如何把蓝色去掉?
border: 1px solid #58b195; // 如何改成别的颜色?
}
html中如何修改选中 用input做的搜索框 的边框颜色
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。