Vue項目中使用iView組件庫設置樣式不生效的解決方案
使用iView組件庫設置樣式不生效問題
找到要設置樣式的類名,直接按照下面寫法設置就可以瞭!
<style lang="less" scoped> @deep: ~'>>>'; @{deep}.ivu-transfer-operation { visibility: hidden !important; } </style>
解決使用iview或者element-ui組件修改樣式不生效
1.樣式如果定義為
<style lang="less" scoped></style>
使用 &/deep/來修改組件的樣式
在引用的組件外面套一層div,在div中定義一個class,例如class=“desinger”
修改樣式時如下操作即可:添加&/deep/
2.樣式如果沒有定義
lang<style scoped></style>,則使用>>>來修改
eg:
以上為個人經驗,希望能給大傢一個參考,也希望大傢多多支持WalkonNet。
推薦閱讀:
- 解決element DateTimePicker+vue彈出框隻顯示小時
- 圖文詳解Element-UI中自定義修改el-table樣式
- 樣式穿透vue中的scoped詳談
- vue中element-ui組件默認css樣式修改的四種方式
- Vue中v-html圖片過大導致溢出的問題及解決