VuetifyのComponentのCSSを上書きする方法
今回はVuetifyのComponentのCSSを上書きする方法についてご紹介いたします。
VuetifyのComponentのCSSを上書きする方法
Nuxt.js+Vue.jsで開発を進めているときに、VuetifyのCSSをいじりたく、.vueのファイルでVuetifyのCSSのclassを定義してCSSを書いてもVuetifyのComponentのCSSが上書きできないという事態に陥りました。
結論から言うと、
|
1 2 3 |
<style lang=“stylus” scoped> // <style> |
のようにscopedを使っていましたが、scopedを使わず、グローバルでCSSを定義するようにしましょう。
グローバルで定義されているscssなどを編集してプロジェクト全体に適用するようにすればVuetifyのComponentのCSSは上書きできます。
終わりに
今回はVuetifyのComponentのCSSを上書きする方法についてご紹介いたしました。