css - Vuetify.js - 如何在 v-card 中添加横向边框

Question

如何仅在 v-card 组件的一侧添加彩色横向边框。

例子：

标签： cssvue.jsvuetify.js

Answer 1

您可以针对特定的 Vuetify 类。您可以使用Chrome 开发工具找出 v-card 的类，并且可以使用该类对其进行修改。

例子：

.v-content .v-card.v-sheet.theme--light {
    background-color: #ffffff !important;
    border-left: 5px solid red !important
}

密码笔