按照关键词 ‘‘Input’’ 的文章
如何去掉antd中Input、Textarea标签获取焦点时的蓝色边框
Input和Textarea等标签 输入框组件在获取焦点时会有蓝色的边框,尝试用 outline:none 去掉这个边框,但是发现不管用。
最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。
解决方法:通过CSS样式覆盖原始效果。
.ant-input:focus {
border: none;
box-shadow: non
哈哈,一样的。稀里糊涂已半生!