核心提示：css相关,鼠标点击输入域后出现有颜色的边框，如果使用css，将这个鼠标点击输入域后产生的边框去掉呢？下面是截图鼠标未点击前：鼠标点击后：vcD4KPHA+CjxpbWcgc3JjPQ=='/uplo...
css相关,鼠标点击输入域后出现有颜色的边框，如果使用css，将这个鼠标点击输入域后产生的边框去掉呢？下面是截图
鼠标未点击前：
鼠标点击后：
<喎?http://www.weiyer.com/Search.asp?KeyWord=/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+CjxpbWcgc3JjPQ=="/uploadfile/Collfiles/20150127/20150127084159168.png" alt="\">
根据大家的办法实现不了的，即使可以改变颜色，但是那条有颜色的线还是无法消除。下面是我的html和css代码：
html：
css:
#input_box{
border-width:0;
border-color:white;
border-style:none;
background:none;
}
#input_box:focus{
border:0;
}
用:focus伪类就可以实现
| 123 | input:focus { outline:none;} |
如上，可以根据自己的具体需求更改颜色、像素
要想美观的话，可以根据设计风格，添加border-radius属性来增加边角圆角效果
