Vuetify pagination shadow를 없애기

1546 단어 CSSnuxt.jsVuetify

Vuetify 페이지 네이션의 그림자를 지우고 싶다!



Vuetify의 v-pagination는 기본적으로 그림자로 표시됩니다.
그러나, 머티리얼 디자인으로 섀도가 없는 플랫한 디자인으로 하고 싶기 때문에 이 녀석을 지워 하고 싶다….



결론





CSS 쓰고 로드
.v-pagination__navigation {
  box-shadow: none !important;
}

.v-pagination__item {
  box-shadow: none !important;
}

nuxt.js라면 nuxt.config.js로로드



전체로 읽어 올리고 싶은 경우는 이와 같이 호출한다.

nuxt.config.js
export default {
  css: [
    '@/assets/css/globalStyle.css'
  ]
}

좋은 웹페이지 즐겨찾기