antd input框获取焦点点击输入历史保存的值后，背景颜色变成淡蓝色解决方法，输入框获取焦点后边框会有一圈淡蓝色光边

原创于 2022-11-05 20:16:25 发布 · 1.9k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html5

本文介绍如何通过CSS去除HTML输入框的默认样式，包括自动填充样式及焦点高亮效果，适用于提升网页美观度和用户体验。

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
      // -webkit-text-fill-color: #2a2d33;
      transition: background-color 5000s ease-out 0.5s;
    }

将此样式加到当前页面。

或者给 input 加上 autoComplete="off"。

去除输入框获取焦点后边框一圈淡蓝色光边，border想要就加上

.ant-input:focus {

      border: none;

      box-shadow: none;

      border: 1px solid #d2d5e1;

    }