背景
今天在做后台管理系統時,嘗試整合 vue-quill-editor 富文本編輯器,整合完成后,想進行漢化,查閱資料發現,只需自己定義樣式替換即可。
原因
當進行漢化時,發現樣式並沒有替換,漢化失敗,使用 F12 進行查看,發現class也對應的上,而樣式就是沒有改變
解決方法
經過查閱網上資料和自己調試,發現原來是缺少了 !important 修飾符標識。
添加上 !important 修飾符標識,在看結果,漢化成功,如下:
!important 說明如下:
!important,作用是提高指定樣式規則的應用優先權(優先級)。語法格式{ cssRule !important },即寫在定義的最后面,例如:box{color:red !important;}。
在CSS中,通過對某一樣式聲明! important ,可以更改默認的CSS樣式優先級規則,使該條樣式屬性聲明具有最高優先級。
## 總結 - vue-quill-editor的CSS樣式需要具有最高優先級才能生效。 - 要多注意細節的問題,不要光復制粘貼,草草了事。