2017-08-08 119 views
4

我試圖實現Veutify的text fieldVuetify文本字段邊框丟失

這是它看起來像我現在: enter image description here

這是個什麼樣子,當文本字段是在像重點: enter image description here

這些都是我在main.js進口

import Vue from 'vue'; 
import Vuetify from 'vuetify'; 
Vue.use(Vuetify); 

我是否缺少導入或其他內容?

+0

哪裏的CSS導入?理想情況下,您應該使用瀏覽器的開發人員工具來檢查元素的樣式 – Phil

+0

@Phil我刪除了它,因爲添加了'import'vuetify/dist/vuetify.min.css';'沒有做任何事情。我的瀏覽器的CSS樣式中似乎沒有任何關於「border」邊框的內容。 – Pashan

+0

我認爲它使用下劃線的陰影。比較你的元素和示例/演示頁面中的元素 – Phil

回答

9

我跑了同樣的問題,你需要把你的應用程序包裝在<v-app>

原因是邊框的顏色取決於您使用的主題。如果您嘗試檢查文檔,您會看到邊框的規則類似於.application--light .input-group .input-group__detailsapplication--light確實是由v-app添加的類。

+0

哦...很明顯,現在你說... – Enhakiel

+0

這幫了我lul – John