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

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

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

相关推荐
Lysun0013 天前
redux 结合 @reduxjs/toolkit 的使用
开发语言·前端·javascript·react·redux
远洋录4 天前
支付宝八折事件启示录:用户体验与风险管理的平衡艺术
前端·人工智能·react
迪迦4 天前
React实现拖拽特效
javascript·react
远洋录5 天前
Electron 开发者的 Tauri 2.0 实战指南:文件系统操作
前端·人工智能·react
远洋录5 天前
Electron 开发者的 Tauri 2.0 实战指南:安全实践
前端·人工智能·react
远洋录7 天前
Vue 开发者的 React 实战指南:测试篇
前端·人工智能·react
远洋录8 天前
Vue 开发者的 React 实战指南:表单处理篇
前端·人工智能·react
ASER_19899 天前
再谈Redux
javascript·typescript·react·redux·redux-toolkit·hooks·toolkit·html5移动前端·redux-hooks
远洋录11 天前
Vue 开发者的 React 实战指南:性能优化篇
前端·人工智能·react
远洋录11 天前
Vue 开发者的 React 实战指南:组件设计模式篇
前端·人工智能·react