CSS unicode trigger character not working with Safari + other Apple products -
i'm using wordpress plugin called collapse-o-matic on website: antiskrid.dk.
i've replaced default "trigger" background-image expanding/collapsing css unicode graphic shape, , shows nice , clear in browsers on every device i've got hands on.
my problem is, trigger doesn't work in safari on pc, safari + chrome on ipad , default android browser.
the trigger works chrome android , safari on iphone 5 though.
the original css looks this:
.collapseomatic { background-image: url(images/arrow-down.png); background-repeat: no-repeat; padding: 0 0 10px 16px; cursor: pointer; } .colomat-close { background-image: url(images/arrow-up.png); }
this of course works in browers on platforms.
the problem occurs when i'm using modified css:
.collapseomatic { background-image: none; padding:0; } .collapseomatic:after { content:"\25bc"; } .colomat-close { background-image: none; } .colomat-close:after { content:"\25b2"; }
i've tried lot of workarounds, without luck, , want make work without background image.
any suggestions why happening , make function proberly?
Comments
Post a Comment