element.style的樣式問題解決方法


       今天在寫前端樣式的時候,給圖片加寬,發現怎么也出不來效果,比較氣人。看着語法也沒錯啊,於是我打開了調試器,發現width:144px;的地方化了橫線,不起作用。而上方有一個

element.style{

  width:60px;

}      如下圖所示

顯示效果:

 

 

更改我們自己定義的width不起作用,而在上面的element.style中可以更改。但是只能在調試台中更改,因為element.style找不到它所在的文件夾。

於是在網上搜了搜element.style的屬性(對它的講解可以自己搜一下,看一下專業的,我這只小菜鳥講不好啦~),大概說的意思就是,這是我引入外部js/css包里人家定義好的,他的這種樣式會把自己的樣式給覆蓋掉。需要在自己定義的樣式后面加上!important控制來優先使用自己的樣式。

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

 

 就恢復正常啦!

 

 調試區的代碼element.style就不起作用了。

 還有另外兩個方法,一個是換一個類似功能的標簽。

                                另外一個,就是既然不在css中,那最大可能,或者說一定?就在引入的js包中了,可以在js包中仔細檢查然后找到后修改屬性值。

 

希望對你有所幫助!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM