网站地图    收藏   

主页 > 前端 > css教程 >

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

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] 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="\">

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论