首頁 > web前端 > js教程 > 你能用 JavaScript 修改 CSS 偽元素樣式嗎?

你能用 JavaScript 修改 CSS 偽元素樣式嗎?

Linda Hamilton
發布: 2024-11-08 16:07:02
原創
1067 人瀏覽過

Can You Modify CSS Pseudo-Element Styles with JavaScript?

使用 JavaScript 修改 CSS 偽元素樣式

透過 JavaScript 更改 CSS 偽元素的樣式是否可行?

考慮使用以下程式碼動態設定捲軸顏色的範例:

但是,瀏覽器回應下列錯誤:「Uncaught TypeError: Cannot read property 'style' of null.」

此任務可以透過不同的方式完成嗎?

在 webkit 瀏覽器中,您可以實現此目的透過利用CSS Vars。

來操縱這個值JavaScript:

有關使用JavaScript 管理CSS 變數的更多範例,請參閱以下資源:https://eager.io/blog/ communicating- Between-javascript-and-css-with-css -變數/

以上是你能用 JavaScript 修改 CSS 偽元素樣式嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板