时间戳

首页 > 解决方案 > 如何找到我可以在 ant design 组件中编辑的所有样式属性？

css - 如何找到我可以在 ant design 组件中编辑的所有样式属性？

问题描述

我正在尝试创建仅在卡片的左侧和右侧有边框的蚂蚁设计卡片。我可以在卡片组件中直接编辑的bordered属性要么删除整个边框，要么不删除任何边框。我希望能够以内联样式指定边框的各个方面。我在哪里/如何找到我可以编辑的内联样式属性？

<Card
    bordered={false}
    style={{
    // how do I find all of the attributes I can edit right here
    }}
>

标签： cssreactjsweb-componentantd

解决方案

为什么不创建一个 css 文件并将这些类名添加到 'Card' 组件的 'className' 属性中？

您可以使用 Chrome 开发工具检查元素并使用您需要的类名编写 CSS。

您的 css 文件将如下所示：（根据需要添加更多特异性）

.cardBorder {
    border: none;
}

您的卡片组件如下所示：

<Card className="cardBorder" />

这样，您可以进行任何类型的 css 修改。不仅仅是内联样式，最好有单独的 css 文件并处理这些。

推荐阅读