怎麼解決element.style的頁面樣式問題

今天寫頁面的時候,需要給表頭設置一個顏色,明明設置了顏色的css屬性,但是頁面中就是沒效果。打開瀏覽器調試器才發現不知道哪兒冒出來一個element.style的東西,將表格頭顏色設置了transparent屬性,導致我的css中設置的顏色無效。很無奈,因爲關於這個element.style不知道從哪兒冒出來的,頁面中壓根都找不到該屬性方法。

看下圖可以看出,element設置了顏色屬性,造成了我css中設置的顏色無效。

在網上搜了搜element.style的屬性,大概說的意思就是,這是我引入外部js/css包里人家定義好的,他的這種樣式會把自己的樣式給覆蓋掉。需要在自己定義的樣式後面加上!important控制來優先使用自己的樣式。

於是我在自己定義的樣式後面加上了 !important

當然,對於這個問題還有其他的解決方法。既然頁面中css屬性找不到這個element的屬性設置,那麼肯定在你引用的js中設置了這個東西,找出來,修改掉就行了。

希望對你們有所幫助。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章