新項目開發(fā)使用了naive ui組件庫，使用組件時涉及到css樣式修改，可以直接在組件父容器上使用組件內自帶的css變量，組件會自動繼承父容器的css變量值，不會影響其他頁面使用；
示例：一個注冊表單，兩個input間隔高度太大，調整高度，組件使用grid布局，代碼截圖：
?文章來源地址http://www.zghlxwxcb.cn/news/detail-525364.html
瀏覽器審查元素查看結構，找到對應的css和變量，如圖：
?找到需要修改的css變量之后，直接在父容器里修改該變量的值即可，代碼如下：
.register-form {
width: 280px;
::v-deep(.n-form-item .n-form-item-label .n-form-item-label__asterisk) {
--n-asterisk-color: red;
}
::v-deep(.n-form-item .n-form-item-feedback-wrapper) {
--n-feedback-height: 10px;
}
}修改完成示意圖：
其他組件同理。。。
?文章來源：http://www.zghlxwxcb.cn/news/detail-525364.html
?
到了這里，關于修改naive ui默認樣式，css變量值修改的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
