Why does Checkbox tick keep showing as square?

Question

The checkbox tick of webbrowser and the scroll bar button keep showing as square. This does not happen when with other PC.

I tried to load the HTML code in normal browser, all other browsers showed the tick correctly except internet explorer.

I've searched for solutions online I couldn't get one.

are you using any js scripts for styling or as part of the check box? — Amal Ps, Sep 22 '22 at 17:35
[How can I show modern content with WebBrowser control](https://stackoverflow.com/a/38514446/3110834) — Reza Aghaei, Sep 22 '22 at 19:53

score 1 · Answer 1 · answered Sep 23 '22 at 03:07

1

It reminds me of this thread, where the problem was solved by uninstalling and reinstalling Segoe Symbol UI font. You can have a try.

answered Sep 23 '22 at 03:07

Kendrick Li

1,355
1
2
10

score 0 · Answer 2 · answered Sep 22 '22 at 17:29

0

While this is not the correct place for this question, my guess is you have a problem with your fonts since these characters are painted using fonts, Webdings or something like that if my memory serves me connect

answered Sep 22 '22 at 17:29

Erdogan Kurtur

3,630
21
39

1

Thanks for the info. I'm sorry, where can this kind of question be asked? because if I had known, I would have done the right thing – yinkajewole Sep 23 '22 at 08:20
no problem, I don't know where it should be either. Probably one of the following https://stackexchange.com/sites#technology – Erdogan Kurtur Sep 23 '22 at 10:24

score 0 · Answer 3 · answered Sep 22 '22 at 19:07

IE is very outdated and therefore will have weird styles for lots of html elements, I do not know if this is the problem with this specific element but if it is, you can use -webkit-appearance: none; to stop the default style and then style it the way you want. Make sure to target the tick and not the checkbox by using a pseudo element. Hope that helps.

Why does Checkbox tick keep showing as square?

3 Answers3