Last active
October 15, 2020 08:46
-
-
Save devzom/4f6037f5b352ddf3af561fa7f772aeea to your computer and use it in GitHub Desktop.
JS: set pseudo element content :before OR :active
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* github.com/devzom / Jakub Zomerfeld | |
* * (c) 15 / 10 / 2020 | |
* Function for setting an pseudo element property :after / :before | |
*/ | |
// | |
// ES6< | |
function setPseudoElementContent(selector, value) { | |
document.styleSheets[0].addRule(selector, 'content: "' + value + '";'); | |
} | |
setPseudoElContent('.class::before', 'write text here'); | |
// | |
// | |
// ES6 | |
const setPseudoElementContent = (selector, value) => { | |
document.styleSheets[0].addRule(selector, `content: "${value}";`); | |
} | |
setPseudoElContent('.class::after', 'write text here'); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment