changing css pseudo element styles via javascript

Nice Narwhal answered on January 2, 2023 Popularity 9/10 Helpfulness 2/10

answer changing css pseudo element styles via javascript

changing css pseudo element styles via javascript

Comment

Tip Nice Narwhal 1 GREPCC

<style>
#editor {
  --scrollbar-background: #ccc;
}

#editor::-webkit-scrollbar-thumb:vertical {
  /* Fallback */
  background-color: #ccc;
  /* Dynamic value */
  background-color: var(--scrollbar-background);
}
</style>

<script>
document.getElementById("#editor").style.setProperty('--scrollbar-background', localStorage.getItem("Color"));
</script>

xxxxxxxxxx

<style>

#editor {

  --scrollbar-background: #ccc;

#editor::-webkit-scrollbar-thumb:vertical {

  /* Fallback */

  background-color: #ccc;

  /* Dynamic value */

  background-color: var(--scrollbar-background);

</style>

<script>

document.getElementById("#editor").style.setProperty('--scrollbar-background', localStorage.getItem("Color"));

</script>

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: css javascript pseudo-element styles whatever

Link to this answer
Share Copy Link

Contributed on Jan 02 2023

Nice Narwhal

0 Answers Avg Quality 2/10

changing css pseudo element styles via javascript

Contents

More Related Answers

changing css pseudo element styles via javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.