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

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

Linda Hamilton
Linda Hamilton原創
2024-11-08 16:07:021064瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn