技术栈

Antd search input无中框

我也秃了2023-12-07 20:56

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

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

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

上一篇:【链表Linked List】力扣-117 填充每个节点的下一个右侧节点指针II
下一篇:算法-贪心思想
相关推荐
Richown
9 小时前
边缘计算:CDN与边缘函数实战
区块链·react
Richown
9 小时前
云原生存储:对象存储与分布式文件系统
区块链·react
Richown
14 小时前
消息队列:RabbitMQ与事件驱动架构
区块链·react
Richown
1 天前
GraphQL进阶:schema设计与性能优化
区块链·react
Richown
1 天前
数据库分片:MySQL分库分表实战
区块链·react
Richown
1 天前
区块链跨链桥接:原理与实现
区块链·react
Richown
1 天前
边缘计算:Cloudflare Workers实战
区块链·react
Richown
1 天前
容器安全:Docker镜像安全与漏洞扫描
区块链·react
Richown
1 天前
WebGL入门:Three.js高级材质与光照
区块链·react
Richown
2 天前
实时数据处理:Apache Kafka与Flink实战
区块链·react
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03CC-Switch & Claude 基于 Linux 服务器安装使用指南04【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法05几个好用的ip纯净度检测网站06裂开!ChatGPT 居然开始要手机号验证,附详细解决方法07装上就回不去了:CodeGraph 让 AI 编程效率飙升 92%,它到底做了什么?08用了半年 OpenRouter,我换到了 Ofox.ai — 两个 AI API 聚合平台的真实对比09【AI】2026 年具身智能模型和世界模型总结10codex app每次打开重连5次Reconnecting问题解决