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

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

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

相关推荐
OEC小胖胖13 小时前
05|从 `SuspenseException` 到 `retryTimedOutBoundary`:Suspense 的 Ping 与 Retry 机制
前端·前端框架·react·开源库
Hao_Harrision5 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨| AnimatedCountdown(倒计时组件)
前端·typescript·react·tailwindcss·vite7
醉逍遥neo6 天前
react项目热更新问题
前端·react·热更新·umi·umi max
打小就很皮...10 天前
发送到飞书机器人的完整流程(拓展)
react·markdown·webhook·飞书机器人
zwjapple11 天前
React + Java 技术面试完整指南
java·开发语言·jvm·react
打小就很皮...11 天前
录音与阿里云ASR实时识别实现流程
阿里云·react·asr 实时录音识别·skils 配置
Hao_Harrision12 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨ | AutoTextEffect(自动打字机)
前端·typescript·react·tailwindcss·vite7
Hao_Harrision13 天前
50天50个小项目 (React19 + Tailwindcss V4) ✨ | DoubleClickHeart(双击爱心)
前端·typescript·react·tailwindcss·vite7
梦65014 天前
基于Umi 框架(Ant Design Pro 底层框架)的动态路由权限控制实现方案
前端·react
孤狼warrior14 天前
纯AI开发能做到什么地步 他心游 经典博客项目
react·ai编程