怎么去掉input获得焦点时的边框

 时间:2026-02-17 01:11:12

1、打开编辑器,新建一个HTML和CSS文档

怎么去掉input获得焦点时的边框

2、我们创建一个输入框内容,这里用input里面的text

怎么去掉input获得焦点时的边框

3、我们现在把鼠标移动到输入框里面,这个时候可以看到边框有焦点。

怎么去掉input获得焦点时的边框

怎么去掉input获得焦点时的边框

4、input {

    outline: none;

}

这个时候我们把这个样式添加到CSS里面,去掉边框焦点。

怎么去掉input获得焦点时的边框

5、现在我们即使输入内容,也是不会让外框有焦点了。

怎么去掉input获得焦点时的边框

6、即使我们添加边框也是不会有影响的。

怎么去掉input获得焦点时的边框

怎么去掉input获得焦点时的边框

  • 设置div中的div居中显示
  • 点击文字选中checkbox复选框 checkbox绑定文字
  • jquery如何获取div大小(长度和宽度)
  • 解css如何改变button按钮长度
  • java比较两个字符串是否相等是否忽略大小写
  • 热门搜索
    爆米花的做法视频 手表怎么调时间 飞鹤奶粉怎么样 雪茄怎么抽 手机连不上wifi是怎么回事 卡洛塔妮羊奶粉怎么样 车晓为什么离婚 元宝怎么叠 长款羽绒服怎么搭配 企业为什么要上市