Antd search input无中框

发现input.search, 搜索图标的左侧有个竖线,不是很好看

把它改掉, 新建一个自己的CSS

javascript 复制代码
.custom-search-input{
    .ant-input-affix-wrapper{
      border-right: none !important;
    }
    .ant-input-group-addon{
      .ant-btn{
        border-left: none !important;
      }
    }
  }

应用

javascript 复制代码
<Search placeholder="input search text" className="custom-search-input"/>

就会发现中间的竖框没有了

如果有帮助到你,能点个赞嘛!!谢谢!!!

相关推荐
大得36921 小时前
css水平居中+垂直居中
vue.js·react
亦世凡华、5 天前
React--》如何高效管理前端环境变量:开发与生产环境配置详解
react·vite·环境变量·env·env配置
放逐者-保持本心,方可放逐24 天前
react 框架应用+总结+参考
前端·前端框架·react
白泽来了24 天前
我开源了一个短视频应用(Go+React)|DouTok2.0 项目介绍
微服务·开源·go·react
星辰大海141225 天前
react 基础学习笔记
前端·javascript·笔记·学习·react·1024程序员节
canonical-entropy1 个月前
从React Hooks看React的本质
前端·前端框架·react·hooks·1024程序员节
不知名靓仔1 个月前
React常用前端框架合集
前端框架·react
廖秋林1 个月前
Vite React 项目绝对路径配置
javascript·typescript·react
长河1 个月前
React18-useEffect函数
前端·react·1024程序员节