[Solved] class label:after not displaying content

[mpmullally]

I have two CodePen’s i will share below.

I have a block where i want to stylize the select drop down and when i try to add classes to the code to make sure it doesn’t effect anything else on my site it does not display the content in the label:after. “.play label:after {content:'<>’;”

Any help is appreciated
This is where it displays improperly
http://codepen.io/mpmullally/pen/PqGXPO

This is how it should display
http://codepen.io/mpmullally/pen/GJjPgE

[mpmullally]

Ok, so why does it work when I take off the class?

It’s so odd it works one way and not the other

[mpmullally]

So if you look at the second pen i attached.

If you remove the classes on <label> and <select> in the HTML and remove the classes from the css as well it works correctly

http://codepen.io/mpmullally/pen/mJraOM?editors=110

[mpmullally]

thank you!

[Author]

Posts