组合vue材质和vue cli Webpack模板时，表单元素显得透明

Question

在通过Webpack模板由vue CLI创建的vue项目中使用md-buttons，md-select或md-field时，我遇到问题。

我有一种情况here的MWE，其中包含来自vue资料网站的三个介绍示例，其中包括每种类型的表单项以及vue-cli模板。它看起来不太好，但是如果运行它，它会分解如下：

1. 第一行是一组单选按钮；但是，按钮是不可见的（但是您可以单击它们，获得涟漪效果，并且vue会记录正确的值）
2. 接下来是一个选择框；但是，框的背景是透明的。
3. 最后有几个文本框；但是，轮廓似乎是透明的。

我可以通过插入样式块来解决选择框的问题

<style>
  .md-menu-content-container {
    background-color: white;
  }
</style>

，这将使md-select正常工作。我仍然决定将其包含在此处，因为它似乎与其他问题有关，并且可能有共同的起源。

不幸的是，我还没有弄清楚如何解决其他问题或修改哪个属性来“修补”该问题。因此，我们非常感谢任何帮助或指示。

Answer 1

似乎使用最新版本的vue-material时，必须显式加载默认模板。因此添加

import 'vue-material/dist/theme/default.css'

从main.js到vue-cli文件似乎可以解决此问题。