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"/>

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

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

相关推荐
老李说技术7 小时前
React 中 useCallback 的基本使用和原理解析
react
csj5018 小时前
前端基础之《React(7)—webpack简介-ESLint集成》
前端·react
老李说技术1 天前
React中useContext的基本使用和原理解析
react
w2sfot2 天前
如何将React自定义语法转化为标准JavaScript语法?
javascript·react
rengang663 天前
502-Spring AI Alibaba React Agent 功能完整案例
人工智能·spring·agent·react·spring ai·ai应用编程
csj504 天前
前端基础之《React(6)—webpack简介-图片模块处理》
前端·react
!win !4 天前
从一个按钮实例入门CSS in JS之styled-components
css·react
明仔的阳光午后5 天前
React 入门 01:快速写一个React的HelloWorld项目
前端·javascript·react.js·前端框架·reactjs·react
xixixin_6 天前
【React】节流会在react内失效??
开发语言·前端·javascript·react
csj506 天前
前端基础之《React(4)—webpack简介-编译打包优化》
前端·react