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

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

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

相关推荐
safestar20121 天前
React 性能优化之Fiber 架构深度解析:从堆栈调和到增量渲染的革命
前端·javascript·react
aiguangyuan3 天前
React 18 源码解读(一)
javascript·react·前端开发
aiguangyuan3 天前
React 中什么是可中断更新?
javascript·react·前端开发
人工智能训练4 天前
前端框架选型破局指南:Vue、React、Next.js 从差异到落地全解析
运维·javascript·人工智能·前端框架·vue·react·next.js
aiguangyuan5 天前
React中Context 的作用及原理
javascript·react·前端开发
一只小阿乐5 天前
react 中的判断显示
前端·javascript·vue.js·react.js·react
fredricen7 天前
用LangChain1.0搭建第一个天气查询智能体
llm·agent·react·langchaian
在未来等你8 天前
AI Agent设计模式 Day 7:Tree-of-Thoughts模式:树形思维探索
设计模式·llm·react·ai agent·plan-and-execute
一只小阿乐8 天前
react 点击事件注意事项
前端·javascript·react.js·react
一只小阿乐11 天前
前端react 开发 图书列表分页
前端·react.js·react·ant-