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

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

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

相关推荐
康一夏1 天前
Next.js 13变化有多大?
前端·react·nextjs
Jack N1 天前
React 中的函数式更新
react
喵了几个咪1 天前
Headless 架构优势:内容与展示解耦,一套 API 打通全端生态
vue.js·架构·golang·cms·react·taro·headless
ZHENGZJM2 天前
架构总览:Monorepo 结构与容器化部署
架构·go·react·全栈开发
最初的↘那颗心2 天前
Agent 核心原理:本质、ReAct 框架与工具设计最佳实践
大模型·agent·react·spring ai·工具设计
一只小阿乐3 天前
TypeScript中的React开发
前端·javascript·typescript·react
Java码农也是农4 天前
ReAct vs Plan-and-Execute:哪种Agent架构更适合你的场景
react·plan+execute
这是个栗子4 天前
TypeScript(三)
前端·javascript·typescript·react
最初的↘那颗心5 天前
Prompt高级推理:COT思维链、Self-Consistency与ReAct模式实战
大模型·prompt·react·cot·思维链
起来改bug6 天前
【AiAgent学习】Agent中的ReAct模式
学习·react·aiagent入门