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

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

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

相关推荐
爱看书的小沐3 小时前
【小沐杂货铺】基于Three.JS绘制汽车展示Car(WebGL、vue、react、autoshow、提供全部源代码)
汽车·vue3·react·webgl·three.js·opengl·autoshow
Crazy Struggle4 天前
.NET 9 + React 开发的企业级后台权限管理系统,文档齐全,轻松上手
react·权限管理系统·后台管理系统·.net 9.0
Python私教7 天前
FastAPI+React19 ERP系统实战 第01期
react·fastapi
一笑code9 天前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
ZHOU_WUYI21 天前
GitHub OAuth 认证示例
flask·github·react
SuperherRo21 天前
Web攻防-XSS跨站&浏览器UXSS&突变MXSS&Vue&React&Electron框架&JQuery库&写法和版本
vue.js·electron·jquery·react·xss·mxss·uxss
飞鸟malred23 天前
nextjs入门
前端·react·nextjs
aiguangyuan1 个月前
React 动态路由的使用和实现原理
react·前端开发
aiguangyuan1 个月前
手写简版React-router
react·前端开发
aiguangyuan1 个月前
React-router实现原理剖析
react·前端开发