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

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

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

相关推荐
Artech4 小时前
[MAF预定义ChatClient中间件-02]FunctionInvokingChatClient——实现ReAct循环和人机交互的大功臣
ai·agent·react·maf·ichatclient
任磊abc4 小时前
nextjs配置端口以及不同的环境变量
react·nextjs·配置开发端口·打开默认浏览器
一个扣子1 天前
第二十四篇:新建React组件:从自然语言描述到完整前端模块
react·组件开发·实战案例·claud code·前端自动化
一起学开源2 天前
一文读懂 ReAct 范式:让 AI Agent 真正学会“思考+行动“
java·javascript·react.js·ecmascript·react·alibaba·智能体开发
格桑阿sir2 天前
14-大模型智能体开发工程师:ReAct推理-行动框架
ai·大模型·llm·agent·react·智能体·推理模型
超级战斗鸡2 天前
React Context Menu — 轻量级零依赖右键菜单组件
react
Richown4 天前
用 Three.js + React 打造一个赛博朋克风格的 3D 作品集页面
区块链·react
qcx236 天前
【系统学AI】08 Plan-then-Execute范式:先想好再做,比ReAct强在哪
前端·人工智能·react.js·ai·react·plan execute
JaydenAI7 天前
[MAF预定义ChatClient中间件-02]FunctionInvokingChatClient——实现ReAct循环和人机交互的大功臣
ai·人机交互·agent·react·hitl·maf·chatclient中间件
花月C9 天前
LangGraph 状态机与 ReAct Agent
python·agent·react·langgragh