css样式之input输入框默认样式

Love The Way You Lie 2021-12-24 11:11 1034阅读 0赞

帮朋友写个简单的课程设计，后面会贴出来，项目刚开始就遇到一个坑（给input输入框设定样式，但是，点击后会出现蓝色边框），之前写其他的项目时也遇到过，百度一下资料解决了，现在又碰到了，写一下，留着备用（代码和效果图就就不粘出来了）。

查资料后才知道html的许多标签都有一些默认的属性，这次遇到的是input标签的默认属性（点击输入框时会出现 “蓝色边框” ）。话不多说，解决方法如下：

一、直接给input标签加一个online：none的样式

  1. <style>
  2.     input {
  3.         outline:none；
  4.    }
  5. </style>

二、直接控制input标签聚焦是不出现默认边框（原文链接：https://blog.csdn.net/yike\_dc/article/details/76928479）

  1. <style>
  2.     input:focus{ outline:none; }
  3. </style>

转载于:https://www.cnblogs.com/I-love-Xiang/p/10772147.html

发表评论

表情：
评论列表 （有 0 条评论，1034人围观）

还没有评论，来说两句吧...

相关阅读