博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
去掉antd的Input组件获取焦点时的蓝色边框
阅读量:6445 次
发布时间:2019-06-23

本文共 310 字,大约阅读时间需要 1 分钟。

antd的Input输入框组件在获取焦点时会有蓝色的边框显示,最初尝试通过设置outline:none的方法去掉这个边框,但是发现这个方法不起作用。

最终通过在F12调试页面下的Elements选项下的多次观察和实验,发现antd的Input组件在获取焦点情况下的蓝色边框是通过box-shadow来实现的,找到问题所在就很好解决了。

解决方法的css样式如下:

.ant-input-affix-wrapper .ant-input:focus {    border: none;    border-bottom: 1px solid white !important;    box-shadow: none;}

转载地址:http://akvwo.baihongyu.com/

你可能感兴趣的文章
mybatis paramType String Error
查看>>
一阶数字低通滤波器-软件算法模拟RC低通滤波器
查看>>
iOS之 Xcode7下 bitcode的工作流程及安全评估
查看>>
数据交互
查看>>
sql中join用法的区别
查看>>
const的各种不同意义
查看>>
Git操作详解
查看>>
I/O 阻塞 中断的注意点
查看>>
什么是HTTP Basic Authentication?
查看>>
python --RecursionError: maximum recursion depth exceeded in comparison
查看>>
Highcharts使用二维数组生成图表
查看>>
spring bean作用域
查看>>
20180416
查看>>
判断一个数是否为素数
查看>>
15年用canvas画的
查看>>
HTML5新特性
查看>>
log4j.appender.AFile.File日志的相对路径
查看>>
乒乓球比赛模拟分析
查看>>
多元线性回归的预测
查看>>
Django——Model
查看>>