input框点击时去掉默认的外层边框

简介: input框点击时去掉默认的外层边框

当input输入框聚焦选中的时候,会有这样默认的外边框样式

比较难堪

为了美化样式,需要写属性去掉

在css里面添上这段代码:

input {
  outline: none
}

这个时候,就去掉了

相关文章
|
前端开发 JavaScript
点击按钮,将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
点击按钮,将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
vitepress如何配置右上角的小两侧标志,利用nav标签进行修改,右侧边栏如何设置成自动弹出水平框,让原先隐藏的框能够显示出来
vitepress如何配置右上角的小两侧标志,利用nav标签进行修改,右侧边栏如何设置成自动弹出水平框,让原先隐藏的框能够显示出来
|
7月前
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
1029 0
|
前端开发 数据安全/隐私保护
CSS去掉input框里面的默认字体颜色
CSS去掉input框里面的默认字体颜色
151 1
|
前端开发
css去掉input框里面的默认颜色
css去掉input框里面的默认颜色
79 0
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
194 0
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
399 0
|
程序员 数据安全/隐私保护
input输入时的边框样式去除
input输入时的边框样式去除
179 0
input输入时的边框样式去除