Vuetify pagination shadow를 없애기
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'
]
}
Reference
이 문제에 관하여(Vuetify pagination shadow를 없애기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/HorikawaTokiya/items/c033ebf3608d5d507eee텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)