Why is not working in CHROME and how to fix it?

In the JS set the elements drop-down list (option) classes .

.st1:after {
 /*margin-left: 10px;*/
 content: url('/assets/imgs/1st.png');
 /*display: inline-block;*/
}

 .st2:after {
 margin-left: 10px;
 content: url(/assets/imgs/2st.png);
 display: inline-block;
}

 .st3:after {
 margin-left: 10px;
 content: url(/assets/imgs/3st.png);
 display: inline-block;
 }


in Fox everything works fine, but in chrome not. What the .... ? And how it to win?
Maybe the fact that dynamically assign? But like Fox's never been a problem
Thank you

PS In the description of the different classes the syntax for tried different options. Is not working either.
July 9th 19 at 11:26
1 answer
July 9th 19 at 11:28
Because options are generally almost can't be styled, and even more to have pseudo-elements!
what are you talking about? How to put in :after colorful letters? - Camryn.Schimmel commented on July 9th 19 at 11:31
: What is it? Where a working example? - yoshiko_Corwin15 commented on July 9th 19 at 11:34
: this is my personal example of how stylized everything is fine. in any case, Fox is working fine. - Camryn.Schimmel commented on July 9th 19 at 11:37
: look - if this works only in Fox but not working in other browsers then your example is not cross-browser , in Chrome too, a lot of what works and in the Fox no - Caesar.Keeli commented on July 9th 19 at 11:40
Maybe in Fox it works, but the option was never set them. Otherwise, che did not need to create entire libraries like select2 and others. - yoshiko_Corwin15 commented on July 9th 19 at 11:43

Find more questions by tags Google ChromeCSS