input，去掉点击时的边框

原创 已于 2023-03-08 13:41:29 修改 · 2.1k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#css #css3 #html5
于 2023-03-07 19:44:05 首次发布
博客主要探讨设立边框后，input点击时出现另一种颜色边框的解决办法，一是直接给input添加样式，二是控制聚焦时不出现边框并添加特定样式。

 

设立边框后点击时出现另一种颜色的边框怎么办？

一、直接给input添加样式。

input {
      outline: none;
}

二、 控制聚焦时不出现边框，添加下面样式：


 input:focus{
       outline: none;
}

swallow_HC
关注
iview Input组件聚焦时会出现边框（去除边框CSS）
日常笔记/总结/系列知识梳理
09-26 4100
去除边框CSS .ivu-input:focus{ outline:none; border:none; box-shadow: 0 0 0 2px transparent; }
input/textarea 输入框点击有边框解决方法
Depressiom的博客
01-03 3309
input/textarea 输入框点击有边框解决方法。
input输入时的边框样式去除
杜永康的博客
11-26 1万+
很多程序员在写项目过程中，会遇到input的边框样式去除问题。今天我们就研究一下，有什么办法解决这个问题？一般的，我们会给input设置： 这种方法，我们去除的是显示样式，但是输入的时候，我们需要点击一下input框，发现还是有一个黑色的初始化边框：这种情况，怎么处理？去除文本输入框的样式： 去除密码输入框的样式： 简而言之，type=input的哪种类型，就去除哪种样式最后的效果如下：到这，我们遇到的问题已经得到了解决，但是学习这种事，要举一反三，更要善于总结，要深挖。你说呢？
#input框#默认样式#：怎么修改点击之后的边框的样式
老衲的少女心i~
12-23 4820
目录前言一、how？总结 前言 在我们的项目的样式设计中，input框的默认样式，一般是满足不了我们的需求。所以，我们就要改变input框的默认样式。这里我们将设置input框的样式中，获取焦点之后（将要编辑的时候）的边框的样式。 一、how？ 基本实例代码： input{ outline: none;/*点击之后。不出现边框*/ } 总结 这里的样式，暂时只写一种，如果有其他的需求，可以再上述代码中进行添加。想要贡献的，也可以在评论区留言哦。 ...
怎样改变input被选中时边框颜色
m0_47002684的博客
06-27 6813
1.当input获得焦点时。
【表单】如何去掉input被点击选中时的黑色边框
sszsdvv的博客
07-17 2万+
问题描述 在制作表单时，想改变input被点击后的边框样式，却发现怎么修改被点击后的input输入框都存在黑色实线 问题原委 如图所示，该黑色实线是出在input的外边框，可判断为outline属性。 outline属性是在一个声明中设置所有的轮廓属性。 解决方案 1.直接给input添加outline：none； input{outline: none;} 2.在input：focus中添加outline：none。（当元素获得焦点时（当通过鼠标点击选中元素或通过 tab 键定位到元素时），发生 fo
input框点击时去掉默认的外层边框
祈澈菇凉
10-23 9573
当input输入框聚焦选中的时候，会有这样默认的外边框样式 比较难堪 为了美化样式，需要写属性去掉 在css里面添上这段代码： input { outline: none } 这个时候，就去掉了 ...
css 去掉button/input点击时出现的边框
m0_50972615的博客
11-15 1169
css 去掉button/input点击时出现的边框
html中怎么去掉input边框和点击时边框的高亮颜色。
weixin_42159145的博客
08-24 1万+
在标签中加入style=“border:none;outline:medium;”。 在单独的css文件中加入没用。
点击input时，去除边框
qq_37037988的博客
02-03 2883
点击input时，去除边框
element input修改输入边框
qq_43654065的博客
09-28 2840
【代码】element input修改输入边框。
input 标签 （详解）如何去除输入时边框
qq_52253798的博客
10-25 2万+
去掉input边框： <input type="text"/> input{ boder:0px; } 去除点击后的边框： input{ outline:none; } css去掉input边框代码：input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 } border 简写属性在一个声明设置所有的边框属性。 可以按顺序
去掉input聚焦时的边框
weixin_43915401的博客
05-30 3104
<html> <body> <input placeholder="请输入"/> </body> </html> border:none效果 <html> <head> <style> input{ border:none; } </style>
如何清除css中文本框获得焦点时 自动出现的边框
eight_eyes_fish的博客
10-31 2667
清除css中文本框获得焦点时 自动出现的边框
input文本标签选中会出现边框解决办法
JKFUWEGBJWEA的博客
10-16 2531
前端的疑难杂症1
使用CSDN-markdown编辑器入门
大米饭
09-17 3417
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
【CSS】input输入框如何去掉点击后出现的边框
热门推荐
qing_小诺的博客
01-25 4万+
开发过程中，input在点击输入时，有下图所示的默认边框出现：   下面就来说说解决办法： 方法一：直接给input添加样式： input { outline: none; }   方法二： 控制聚焦时不出现边框，添加下面样式： input:focus{ outline: none; }  ...
input点击后边框颜色变化和placeholder字体大小变化效果实现
qq_45530512的博客
06-25 7116
input点击后边框颜色变化和placeholder字体大小变化效果实现
前端input输入时边框颜色更改
weixin_46229676的博客
04-25 2335
1. 当聚焦与input框需要输入的时候，需要特定的边框颜色。2.翻页时的el-pagination的翻页按钮的颜色更改。3.el-menu背景样式更改（原始图，选择图，悬浮图）
input type=“text“ CSS取消点击选中显示黑框的效果
博客
07-11 2786
CSS取消点击显示选中框的效果
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值