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

当前位置 : 首页 > 网页制作 > CSS > css相关,鼠标点击(input)输入域后出现有颜色的边框

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

来源: 作者: 时间:2016-01-20 09:22
css相关,鼠标点击输入域后出现有颜色的边框,如果使用css,将这个鼠标点击输入域后产生的边框去掉呢?下面是截图鼠标未点击前:鼠标点击后: 根据大家的办法实现不了的,即使可以

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

鼠标未点击前:

\

鼠标点击后:
<喎"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+CjxpbWcgc3JjPQ=="http://www.2cto.com/uploadfile/Collfiles/20150127/20150127084159168.png" alt="\">

  根据大家的办法实现不了的,即使可以改变颜色,但是那条有颜色的线还是无法消除。下面是我的和css代码:
  html:
  
  css:
  #input_box{
  border-width:0;
  border-color:white;
  border-style:none;
  background:none;
  }
  #input_box:focus{
  border:0;
  }

用:focus伪类就可以实现

123input:focus { outline:none;}

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

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

Tag:
网友评论

<