element.style內(nèi)聯(lián)樣式的修改方法教程

前言
我們在寫前面 web頁面樣式的時候,會發(fā)現(xiàn)有些時候,我們怎么修改 style里面的值,頁面上的樣式都不會修改,當你用工具查看時,會發(fā)現(xiàn)里面會有 element.style的值,這個值還找不到是在哪里出現(xiàn)的,還修改不了。
其實element.style是一種內(nèi)聯(lián)樣式,很多情況下是在一些JavaScript代碼里寫死的,這種方法相當不好。但是有些時候,我們在使用第三方j(luò)s文件時,會遇到。哪么我們?nèi)绾稳バ薷乃?,在才源代碼中 用!important 語法優(yōu)先權(quán)來實現(xiàn)我們想要的效果。
舉個例子:
默認情況下上面的圖片透明是綠色,我們找不到element.style該怎么修改呢,這時候就可以在下面CSS樣式表里面修改:
如上圖,在css樣式表里面加入一個opacity: 100 ! important ; ,可以看到的是最上面的opacity:0禁用,就是優(yōu)先顯示opacity:100。
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
element.style覆蓋樣式因優(yōu)先級順序?qū)е碌慕鉀Q方法
system.css中定義的樣式或者是js所致,根本原因在于CSS的優(yōu)先級順序?qū)е履闼x的樣式被覆蓋掉,其實解決方法很簡單在你被覆蓋掉的樣式后面面加上!important便可輕松解決2013-08-29如何去掉內(nèi)聯(lián)樣式 通過style屬性定義的(element.style)
element.style定義樣式的優(yōu)先級別超過style.css引用文件的樣式,怎樣能使級別超越element.style呢?在css屬性值后面加上!important即可實現(xiàn)2013-06-04