Vuetifyのテキストフィールドに下線がありません

Question

vuetifyのテキストフィールドを使用しようとしています。

私はthisこれを読んだが、私のアプリは、Vアプリに包まれて：それはこのようになります注力適用した後

：それはこのようになります。私が試すことができる他のものはありますか？

ヒント： 暗いテーマは私にとってはうまくいきませんが、たとえば、「赤」、「テキスト - 赤」などのクラスを使用して色を適用できます。

下に関与Vアプリがあることを証明、：

EDIT： 私もV-コンテンツでそれをラップしようとしたが、それは助けにはなりませんでした。

<v-app> 
    <v-content> 
    <router-view></router-view> 
    </v-content> 
</v-app> 

Answer 1

私のindex.htmlから

<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet"> 

を除去し、main.jsファイルに

import '../node_modules/vuetify/dist/vuetify.min.css'; 

を追加することによってそれを修正。

なぜそれがうまくいったのですか。

Answer 2

unpkg.comは、最新バージョンのvuetifyにリンクしています。現在は0.17.0です。 unpkgから0.16.9 cssを使用するには、このリンクを使用する必要があります：https://unpkg.com/vuetify@0.16.9/dist/vuetify.min.css