如何更改Vuetify v-text字段的轮廓
如何更改Vuetify v-text字段的轮廓
提问于 2020-04-20 14:43:32
我一直在努力重写概述的v-text字段的默认边框颜色。基本上，我希望任何时候都有一个特定的颜色(非聚焦，聚焦，悬停)，玩下面的代码：
https://codepen.io/hoiratnhieu/pen/GRpjEeb
<v-text-field
label="Outlined"
outlined
dense
></v-text-field>有人能在这里提供一些急需的帮助吗？
谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-08-05 14:05:10
您可以尝试使用以下CSS：
.v-text-field--outlined fieldset {
color: red !important;
}Stack Overflow用户
发布于 2021-11-14 15:02:46
如果使用SASS变量，请按以下方式自定义轻量主题：
// Your custom main.scss
$material-light: (
'text-fields': (
'outlined': rgba(0,0,0, 0.19),
'outlined-hover': rgba(0,0,0, 0.38),
),
);焦点颜色只是原色。您可以这样覆盖@vuetify/src/styles/settings/_light.scss中的所有变量。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61325217
复制相关文章
相似问题
腾讯云开发者
