去除点击input输入框默认出现的边框

作者: wait_cynthia | 来源:发表于2018-12-19 08:17 被阅读0次

html代码

  <input class="input" type="text" placeholder="写点什么吧！">

加入以下css代码即可

  .input{
    outline: none;
  }

如有不对的地方或更好的方法请指出，感谢您的阅读

去除点击input输入框默认出现的边框
html代码加入以下css代码即可如有不对的地方或更好的方法请指出，感谢您的阅读
input 清除选中后样式
去除input标签点击之后出现的默认样式，如下： input:focus{ outline:none; }
当鼠标聚焦时输入框变色（focus事件实例）
当鼠标聚焦时输入框变色css相关,鼠标点击输入域后出现有颜色的边框原理：css伪类之input输入框鼠标点击边框...
实用的css
outline使用 outline 常用去除input输入框的边框设置元素描边( 双重边框 )制作内部是圆角外部为...
标签初始化样式
清除input默认样式border: none; 去除表框outline: none; 去除外边框线清除浮动 ...
【原创】工作中遇到的问题及解决方法
1、ios中去除button的默认样式,也可以去掉input的双边框解决办法： 2、safari中input[ty...
(vue)去掉输入框input点击时的默认边框
outline:0;
去除bootstrap按钮点击后的边框
bootstrap按钮的边框问题用bootstrap做的按钮，点击后，都会出现边框，如何去除？ .btn:foc...
去除input边框以及选中时边框默认样式
移动端
input {-webkit-appearance:none; /去除input默认样式/}