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

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

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

相关推荐
Richown10 小时前
Git工作流:GitFlow与GitHub Flow最佳实践
区块链·react
Richown11 小时前
智能合约测试:使用Foundry进行形式化验证
区块链·react
Richown12 小时前
前端安全:XSS、CSRF攻击与防御
区块链·react
Richown12 小时前
CI/CD流水线:使用GitHub Actions自动化部署
区块链·react
Richown13 小时前
前端工程化:Vite与Rollup构建优化
区块链·react
Richown13 小时前
数据分析:Pandas与数据清洗实战
区块链·react
Richown13 小时前
Web3钱包开发:使用Ethers.js集成MetaMask
区块链·react
Richown14 小时前
机器学习入门:TensorFlow.js实战
区块链·react
架构源启2 天前
Spring AI 进阶系列- Agent 智能体开发:ReAct模式、多步推理与自主Agent实战
人工智能·spring·react·ai agent·智能体·springai
小牛itbull2 天前
ReactPress 3.0 :一分钟拥有自己的 CMS & 博客
开源·cms·react·博客系统·reactpress