如何去掉input点击后的蓝色边框

 时间:2024-10-14 09:40:20

今天做表单提交的html,发现input总是在点击的时候出现蓝色边框,那个坑啊,调了很久,才发现是默认样式导致的,下面小编分享下如何去掉这个“坑”;

如何去掉input点击后的蓝色边框

2、用浏览器查看时,会发现点击input出现了蓝色边框;

如何去掉input点击后的蓝色边框

2、第二种方式:在顶部style中直接控制css样式:<style type="text/css"> input{outline:none;} </style>

如何去掉input点击后的蓝色边框

小结

1、html很多标签都有默认样式,因此最好在样式中一开始就给表单标签去除默认的样式问题。<style type="text/css"> input,select,option,textarea{outline: none;} </style>

如何去掉input点击后的蓝色边框
  • HTML中引入css和js的方法
  • html透明度怎么设置
  • css怎么调整背景图片的位置?
  • html如何把两个网页连接起来
  • 实现整个html居中最简单方法
  • 热门搜索
    马蜂窝网旅游攻略 若尔盖旅游攻略 成都旅游攻略三日游 旅游局局长 三亚南山文化旅游区 旅游销售 旅游酒店 奥地利旅游 主题旅游 沙坡头旅游攻略