Content CSS not working in safari browser
Content CSS not working in safari browser
i have used tick / checkmark symbol (✓) for bullets in unordered list, but this list is not supporting in safari browser Please suggest me...
Html:
<div class="leftcontentdata">
<ul>
<li>sffsdfdf</li>
</ul>
</div>
css:
.leftcontentdata ul li::before
content: '✓';
.rightcontentdata ul li::before
content: '✓';
It may need the actual character code; toptal.com/designers/htmlarrows/symbols/check-mark
– Chris Cousins
Aug 24 at 4:15
what version of safari? (please don't say 5.1.7...)
– Kaiido
Aug 24 at 4:20
@Kaiido hi, yes safari 5.1.7
– Dip Girase
Aug 24 at 4:44
Buy a real macOs system, Install macOs from a VirtualMachine, or build an hackintosh. But stop using this Safari for windows. It is not supported by anyone anymore, the last update was made in 2012, with regards to web standards, it's like you are using IE8. So yes, a lot of HTML5 features and whatever APIs came the last 6 years won't work there. But it's not a problem, because nobody should use this software anyway, be it for security reasons (there were known security issues that have and will never be fixed). But for what it's worth, your code work just fine on current Safari 11.1.2
– Kaiido
Aug 24 at 5:04
1 Answer
1
I've tested your code in EDGE, CHROME and Firefox, and it's working fine so it's defenitely a Safari issue. Since I don't own a mac, I cannot test in safari, but I can provide some solutions that should potentialy work.
solution 1
You can try to use the CSS escaped code instead. Like this:
.leftcontentdata ul li::before
content: '2713';
<div class="leftcontentdata">
<ul>
<li>sffsdfdf</li>
</ul>
</div>
solution 2
Alternatively, you can use a third party library (fontawesome) which should work in safari as well.
.leftcontentdata ul li:before
font-family: FontAwesome;
content: 'f00c';
<link href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" rel="stylesheet"/>
<!-- automatic -->
<div class="leftcontentdata">
<ul>
<li>sffsdfdf</li>
</ul>
</div>
not show check symbol sir...
– Dip Girase
Aug 24 at 5:21
By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
What's not working precisely?
– Tivie
Aug 24 at 4:10