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

来源：动视网责编：小采时间：2020-11-27 16:01:28

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

css相关,鼠标点击<input>输入域后出现有颜色的边框_html/css_WEB-ITnose:css相关,鼠标点击输入域后出现有颜色的边框，如果使用css，将这个鼠标点击输入域后产生的边框去掉呢？下面是截图鼠标未点击前：鼠标点击后：根据大家的办法实现不了的，即使可以改变颜色，但是那条有颜色的线还是无法消除。下面是我的html

推荐度：

点击下载本文 文档为doc格式

导读css相关,鼠标点击<input>输入域后出现有颜色的边框_html/css_WEB-ITnose:css相关,鼠标点击输入域后出现有颜色的边框，如果使用css，将这个鼠标点击输入域后产生的边框去掉呢？下面是截图鼠标未点击前：鼠标点击后：根据大家的办法实现不了的，即使可以改变颜色，但是那条有颜色的线还是无法消除。下面是我的html

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伪类就可以实现

input:focus {

outline : none ;

}

如上，可以根据自己的具体需求更改颜色、像素

要想美观的话，可以根据设计风格，添加border-radius属性来增加边角圆角效果