css相关,鼠标点击<input>输入域后出现有颜色的边框

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属性来增加边角圆角效果