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

css相关,鼠标点击输入域后出现有颜色的边框，如果使用css，将这个鼠标点击输入域后产生的边框去掉呢？下面是截图

鼠标未点击前：

鼠标点击后：

　　根据大家的办法实现不了的，即使可以改变颜色，但是那条有颜色的线还是无法消除。下面是我的html和css代码：　　html：　　　　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属性来增加边角圆角效果