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

标签 css vue.js vuetify.js

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

例子:

enter image description here

最佳答案

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

例子:

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

Codepen

关于css - Vuetify.js - 如何在 v-card 中添加横向边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60292042/

相关文章:

vue.js - 如何使该组件将其值传递给父组件?

html - 基本 CSS 布局问题,底部空白

css - 透明文本允许背景显示

javascript - 在模板内的 vuejs 组件中导入并使用类

javascript - 仅当内容与特定值匹配时才渲染 VUE 槽

javascript - Vuetify 密码确认不起作用

javascript - 如何重用 Vue 和 Vuetify 代码?

html - 列的垂直中间对齐( Bootstrap )

html - 电子邮件中的CSS类

javascript - 使用 VueJS 设置 srcObject 的替代方法