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

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

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

相关推荐
Richown4 小时前
区块链预言机:Chainlink与去中心化数据获取
区块链·react
打小就很皮...7 小时前
基于 Python + LangChain + React 的 AI 流式对话与历史存储实战(拓展图片上传)
langchain·react·sse·图片解析
打小就很皮...9 小时前
基于 Python + LangChain + React 的 AI 流式对话与历史存储实战
人工智能·langchain·flask·react·sse
Richown15 小时前
后端架构:事件驱动架构设计与实现
区块链·react
爱编程的小新☆16 小时前
JAVA实现Manus智能体
java·react·cot·智能体·spring ai·manus·agent loop
Richown1 天前
全链路追踪:OpenTelemetry与Jaeger实战
区块链·react
Richown1 天前
容器编排:Kubernetes高级调度策略
区块链·react
Richown2 天前
自动化运维:Ansible与基础设施即代码
区块链·react
Richown2 天前
微服务监控:Prometheus与Grafana实战
区块链·react
Richown2 天前
数据库优化:MySQL索引与查询优化
区块链·react