` input.star:checked ~ label.star:before {
content: '\f005';
color: #FD4;
transition: all .25s;
} `
how can I apply this code by javascript ?
-
do you consider in using jquery?Shadow Fiend– Shadow Fiend2017-09-27 05:48:07 +00:00Commented Sep 27, 2017 at 5:48
-
jquery won't make this any simpler than plain javascriptJaromanda X– Jaromanda X2017-09-27 06:08:52 +00:00Commented Sep 27, 2017 at 6:08
Add a comment
|
1 Answer
If you want add a style with js, you can use the insertRule() of style.sheet, the example code:
var sheet = (function() {
// Create the <style> tag
var style = document.createElement("style");
// WebKit hack :(
style.appendChild(document.createTextNode(""));
// Add the <style> element to the page
document.head.appendChild(style);
return style.sheet;
})();
// for a test
sheet.insertRule("body { background-color:red;}", sheet.length);
// for your code just replace param
// sheet.insertRule("input.star:checked ~ label.star:before {content: '\f005';color: #FD4;transition: all .25s;}}", sheet.length);