Vuetify 更改 <vs-button> 文本颜色

Question

1. 总结问题

安装vuetify 后，我的<vs-button> 中的文本颜色从白色变为黑色。即使更改了 vuetify 主题，我也无法更改颜色。 我还在我的vue.config.js 文件中自定义了postcss-filter-rule：

1. 描述你的尝试

返回所有按钮的颜色为白色

1. 一些代码

    const webpack = require('webpack')
    const autoprefixer = require('autoprefixer')
    const filterRules = require('postcss-filter-rules')
    
    module.exports = {
      publicPath: process.env.BASE_URL,
    
      devServer: {
        // port: process.env.VUE_APP_PORT,
        https: false,
        hotOnly: false,
      },
    
      configureWebpack: {
        plugins: [
          new webpack.DefinePlugin({
            'process.env': {
              PACKAGE_JSON: '"' + escape(JSON.stringify(require('./package.json'))) + '"'
            }
          })
        ]
      },
      css: {
        loaderOptions: {
          postcss: {
            plugins: [
              filterRules({
                filter: (selector) => {
                  const re = new RegExp(/^(select|vs-button)(\W|$)/, 'i')
                  const exception  = '.vue-global'
                  return !re.test(selector) || selector.includes(exception)
                },
                keepAtRules: true
              }),
              autoprefixer
            ]
          }
        }
      },
    
      transpileDependencies: [
        'vuetify'
      ]
    };

Answer 1

如果您只需要白色文本，您可以通过将 dark 属性添加到 v-btns 来实现。