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

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

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

相关推荐
郝开1 小时前
扩展:React 项目执行 yarn eject 后的 package.json 变化详解及参数解析
react.js·前端框架·react
purpleseashell_Lili11 小时前
配置别名路径 @
javascript·react
郝开3 天前
扩展:React 项目执行 yarn eject 后的 scripts 目录结构详解
react.js·前端框架·react
郝开4 天前
扩展:React 项目执行 yarn eject 后的 config 目录结构详解
react.js·前端框架·react
破烂公司一级特派员5 天前
前端开发实战:用React Hooks优化你的组件性能
性能优化·实战·react·前端开发·hooks
西楚曹长卿16 天前
RN 获取视频封面,获取视频第一帧
android·react native·音视频·react
凌晨一点的程序员17 天前
antd中的表格穿梭框(Transfer)如何使用
前端·javascript·html·react·antd·transfer
Zhillery18 天前
Tauri快速入门1 - 搭设开发环境
typescript·前端框架·react·tauri
白泽来了19 天前
2个小时1.5w字| React & Golang 全栈微服务实战
笔记·go·react
全栈老李技术面试20 天前
【高频考点精讲】async/await原理剖析:Generator和Promise的完美结合
前端·javascript·css·vue·html·react·面试题