我正在尝试创建一张仅在卡片的左侧和右侧有边框的 ant 设计卡片。我可以在卡片组件中直接编辑的 bordered
属性要么删除整个边框,要么不删除任何边框。我希望能够以内联样式指定边框的各个方面。我在哪里/如何找到我可以编辑的内联样式属性?
<Card
bordered={false}
style={{
// how do I find all of the attributes I can edit right here
}}
>
最佳答案
为什么不创建一个 css 文件并将这些类名添加到“Card”组件的“className”属性中?
您可以使用 Chrome 开发工具检查元素,并使用您需要的类名编写 CSS。
您的 css 文件将如下所示:(根据需要添加更多特异性)
.cardBorder {
border: none;
}
你的卡片组件如下:
<Card className="cardBorder" />
由此,您可以进行任何类型的 css 修改。与内联样式相比,最好有单独的 css 文件并处理它们。
关于css - 如何找到我可以在 ant design 组件中编辑的所有样式属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51900309/