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

Question

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

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

Answer 1

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

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

您的 css 文件将如下所示:(根据需要添加更多特异性)

.cardBorder {
    border: none;
}

你的卡片组件如下:

<Card className="cardBorder" />

由此，您可以进行任何类型的 css 修改。与内联样式相比，最好有单独的 css 文件并处理它们。