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

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

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

相关推荐
ct9785 小时前
React 状态管理方案深度对比
开发语言·前端·react
Richown9 小时前
区块链治理:DAO与去中心化治理机制
区块链·react
console.log('npc')2 天前
核心实战篇 生成式 UI+A2UI 协议 + 全栈 Agent 项目落地
node.js·react·#生成式ui·a2ui协议·ui agent·ai前端实战
奥特曼超人Dujinyang3 天前
鸿蒙小程序渲染一致性与性能治理终极架构
react·鸿蒙·dom·arkweb·阻塞 ui·失焦问题·scroll渲染
祖国的好青年3 天前
Prettier实现保存自动格式化
vscode·react·prettier
Tbisnic4 天前
AI大模型学习 第十天:让程序“指挥”大模型 —— 从对话到工具调用
人工智能·python·ai·大模型·react·cot·提示词工程
蜂蜜黄油呀土豆4 天前
Agent 循环:观察、思考、行动(ReAct 入门)
python·ai·大模型·react·js
英俊潇洒美少年5 天前
React18 flushSync 完整深度解析
前端·react
小牛itbull6 天前
告别传统主题开发!ReactPress Theme Starter —— 用 Next.js 15 构建现代化无头博客
javascript·cms·react·wordpress·nextjs·reactpress·blog-theme