2

英语不是我的母语，我可能无法正确理解vue-formulate 文档，但我正在尝试在 Nuxt.js 项目中使用 vue-formulate 模块。我正在导入默认的 snow.scss 文件，然后是我的全局样式：

css: [
'@/node_modules/@braid/vue-formulate/themes/snow/snow.scss',
'@/assets/css/style.scss',

],

然后我尝试全局自定义类：

Vue.use(VueFormulate, {
  classes: {
    element: 'custom-element',
  },
})

在我的 style.scss 我有：

.custom-element input:focus {
  border: 1px solid $my-color;
}

.formulate-input[data-classification="text"] input:focus我可以在实际元素周围的包装器上看到自定义类，但除非我添加，否则我的样式会被覆盖!important

所以我想知道我在这里做错了什么？任何帮助将不胜感激！我不想创建自己的 scss，默认的是一个很好的启动器，我只需要进行一些更新，使用!important似乎不是一个好习惯。

提前致谢 ：）

4

0 回答 0