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

Pau*_*und 3 css vue.js vuetify.js

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

例子:

在此处输入图片说明

Bak*_*esu 6

您可以针对特定的 Vuetify 类。您可以使用Chrome Dev Tools找出 v-card 的类,然后您可以使用该类对其进行修改。

例子:

.v-content .v-card.v-sheet.theme--light {
    background-color: #ffffff !important;
    border-left: 5px solid red !important
}
Run Code Online (Sandbox Code Playgroud)

代码笔