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

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

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

相关推荐
zyk_5207 天前
前端渲染pdf文件解决方案
javascript·pdf·react
百锦再9 天前
Python实现浏览器模拟访问及页面解析的全面指南
开发语言·前端·javascript·python·vue·框架·react
zy01010111 天前
useEffect
开发语言·前端·javascript·react·useeffect
ace_TiAmo13 天前
React8+taro开发微信小程序,实现lottie动画
微信小程序·小程序·react·taro
百锦再16 天前
Reactive编程框架与工具
前端·javascript·python·django·vue·框架·react
黄毛火烧雪下17 天前
umi框架开发移动端h5
react·umi
疏狂难除19 天前
【Tauri2】013——前端Window Event与创建Window
前端·javascript·rust·react·tauri2
冴羽yayujs21 天前
SvelteKit 最新中文文档教程(17)—— 仅服务端模块和快照
前端·javascript·vue.js·前端框架·react
AI_Auto24 天前
AI Agent系列(八) -基于ReAct架构的前端开发助手(DeepSeek)
人工智能·react·ai agent
YiHanXii25 天前
Axios 相关的面试题
前端·http·vue·react