vue專案,使用elementUI,修改樣式,不生效
由於系統顏色的不同,想單獨修改一個元件中的顏色及樣式,但是不生效,看到好多人說,可以給個父級,寫的是form表單,所以給他包了個div,可是還是不生效,因為層級不夠!!!
所以,解決方案是:
使用F12,找到要修改的元素,使用/deep/,進行穿透,裡面的important,根據自己情況使用即可。
<style lang="scss" scoped>
/deep/.el-form-item__label {
height: 23px;
font-size: 17px;
color: rgba(36, 33, 51, 1) !important;
line-height: 23px;
}
</style>
這樣就修改了elementUI的樣式,可以自定義,如果是單個元件使用,記得在style標籤中加入scoped,要不全域性就都修改了。
加不加,根據自己需求而定。
相關文章
- elementui+vue修改elementUi預設樣式不生效UIVue
- 【CSS】VUE樣式修改不生效CSSVue
- vue專案,引入外掛element ui 樣式不生效VueUI
- element-ui修改樣式不生效UI
- 在 vue 中樣式不生效Vue
- vue使用iview或者element-ui元件修改樣式不生效解決方法VueViewUI元件
- vue 元件中新增樣式不生效Vue元件
- element UI 修改原生樣式不生效問題UI
- vue中elementUI樣式無法修改的問題VueUI
- 在vue專案中使用elementUIVueUI
- vue scoped 解決樣式不生效問題Vue
- Vue ElementUI 如何修改訊息提示框樣式---messageBoxVueUI
- vue table sortable排序不生效修改Vue排序
- 修改hosts檔案不生效原因
- Vue專案搭建 + 引入ElementUIVueUI
- VUE 之 v-html 後樣式不生效的問題VueHTML
- create-react-app 專案引入 antd 樣式不生效的解決辦法ReactAPP
- element UI前端樣式不生效問題UI前端
- ElementUI——elementui重複引入樣式UI
- 修改java或css後不生效,還是顯示修改之前的樣式,問題已解決JavaCSS
- thinkcmfx 修改選單不生效
- vue裡面修改title樣式Vue
- elementUI radio修改單選框多選框選中樣式及自定義其他樣式。UI
- Linux 7 修改時區不生效Linux
- 解決修改element-ui樣式無法生效問題UI
- vue專案中使用svg並設定大小顏色等樣式VueSVG
- appcrawler 配置檔案中正規表示式不生效APP
- element-UI更改樣式不生效的解決方法UI
- vue+elementUI專案的踩坑~~持續更新VueUI
- vue中引用element ui的任何元件樣式都不生效VueUI元件
- Vue1.x 遷移 Vue2.x(專案進行不斷修改)Vue
- vue父元件中修改子元件樣式Vue元件
- vue專案打包後多行省略樣式混亂Vue
- qt樣式表未生效QT
- vue中修改Element ui樣式不起作用VueUI
- Debug: calc() 未生效 <= 內嵌樣式表示式需使用空格分隔
- [前端日記] 關於 Vue.js devtools 在部分專案中不生效的解決方案前端Vue.jsdev
- vue裡面父元件如何修改子元件樣式Vue元件