如何优雅地覆盖antdesign的样式?-灵析社区

如何优雅地覆盖antdesign的样式? 我想要把将这个`button`的`border`去掉(只是这个`button`，不影响其他`button`的样式)。  import React from "react"; import PropTypes from "prop-types"; import { Button, Flex, ConfigProvider } from "antd"; import Icon from "@ant-design/icons"; import Sort from "../../assets/sort.svg?react"; console.log("sort: ", Sort); function CommentTitle({ commentsCount, chooseSortRule }) { return ( {commentsCount > 0 ? commentsCount + " " : ""}留言 } /> 排序 ); } 1. `className` or `style`都不行，`Button`组件没有提供这两个`prop`。倒是有一个`classNames`不知道是干什么的。 2. 在`index.css`中添加以下规则，倒是可以去除`Button`上的`border`但是会影响所有的`Button`样式。 .ant-btn { border: none; } 3. 通过`ConfigProvier`来设置`Button`组件的`token`，但是没有将`border`直接设置为`none`的`token`，只有一些`token`用来设置不同状态下`border`的颜色。我可以将这些颜色设置为`transparent`，让它看起来没有`border`。此时，可以达到了预期，但是要修改不少的`token`。 **有没有其他更优雅一些的方法?**