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

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

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

相关推荐
JaydenAI19 小时前
[MAF预定义ChatClient中间件-02]FunctionInvokingChatClient——实现ReAct循环和人机交互的大功臣
ai·人机交互·agent·react·hitl·maf·chatclient中间件
花月C3 天前
LangGraph 状态机与 ReAct Agent
python·agent·react·langgragh
Richown3 天前
密码学入门:区块链中的密码学原理
区块链·react
Richown4 天前
Web3钱包:钱包集成与签名验证
区块链·react
Richown4 天前
跨链桥接:多链资产转移实现
区块链·react
Richown4 天前
区块链开发:智能合约测试与调试技巧
区块链·react
Richown5 天前
物联网开发:MQTT与传感器数据采集
区块链·react
Richown5 天前
性能优化:前端加载性能优化指南
区块链·react
Richown5 天前
后端性能:Node.js性能优化与调优
区块链·react
Richown5 天前
无服务器架构:AWS Lambda与Serverless最佳实践
区块链·react