如何在nuxt.js中更改vue- in .nuxt.js
如何在nuxt.js中更改vue- in .nuxt.js
提问于 2021-03-30 12:06:16
我试图改变我的网页应用程序的CSS特性vue介绍教程。我很难更改工具提示按钮的颜色，即vue-intro.js中的主题。
我想更改Next按钮的颜色。因此，如何在nuxt.js项目中更改CSS。
我添加了下面的代码作为插件。但是我不能改变CSS
import Vue from 'vue'
import VueIntro from 'vue-introjs'
import 'intro.js/introjs.css'
Vue.use(VueIntro)回答 2
Stack Overflow用户
发布于 2021-03-30 16:20:25
下面是一个SCSS实用程序来为它生成CSS：
$btn-color: #f50;
$text-color: white;
a.introjs-nextbutton {
background-color: $btn-color;
border-color: darken($btn-color, 4.2%);
text-shadow: none;
color: $text-color;
&:hover {
background-color: lighten($btn-color, 4.2%);
border-color: $btn-color;
color: $text-color;
}
&:focus {
box-shadow: 0 0 0 0.2rem transparentize($btn-color, .42);
background-color: $btn-color;
border-color: darken($btn-color, 4.2%);
color: $text-color;
}
}Stack Overflow用户
发布于 2021-05-17 08:59:35
我以前也做过类似的事。我认为唯一的方法是覆盖className或不导入intro.css (创建自己的)。您需要“检查元素”才能从库中找到introJS className。基本上，他们的className开始于前缀introjs什么的。我甚至可以为以前的按钮显示任何东西，或者改变它的颜色。见下图。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66870635
复制相关文章
相似问题
腾讯云开发者
