css相关,鼠标点击<input>输入域后出现有颜色的边框
浏览数：20 /
时间：2015年06月09日
css相关,鼠标点击<input>输入域后出现有颜色的边框，如果使用css，将这个鼠标点击输入域后产生的边框去掉呢？下面是截图
鼠标未点击前：
鼠标点击后：
根据大家的办法实现不了的，即使可以改变颜色，但是那条有颜色的线还是无法消除。下面是我的html和css代码：
html：
<input type="text" name="content" id="input_box">
css:
#input_box{
border-width:0;
border-color:white;
border-style:none;
background:none;
}
#input_box:focus{
border:0;
}
用:focus伪类就可以实现
1 2 3 | input:focus { outline:none;} |
如上，可以根据自己的具体需求更改颜色、像素
要想美观的话，可以根据设计风格，添加border-radius属性来增加边角圆角效果
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
