您好,登錄后才能下訂單哦!
這篇文章主要介紹了element.style內聯樣式怎么修改,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
前言
我們在寫前面 web頁面樣式的時候,會發現有些時候,我們怎么修改 style里面的值,頁面上的樣式都不會修改,當你用工具查看時,會發現里面會有 element.style的值,這個值還找不到是在哪里出現的,還修改不了。
其實element.style是一種內聯樣式,很多情況下是在一些JavaScript代碼里寫死的,這種方法相當不好。但是有些時候,我們在使用第三方js文件時,會遇到。哪么我們如何去修改它呢,在才源代碼中 用!important 語法優先權來實現我們想要的效果。
舉個例子:
默認情況下上面的圖片透明是綠色,我們找不到element.style該怎么修改呢,這時候就可以在下面CSS樣式表里面修改:
如上圖,在css樣式表里面加入一個opacity: 100 ! important ; ,可以看到的是最上面的opacity:0禁用,就是優先顯示opacity:100。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“element.style內聯樣式怎么修改”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。