Checkbox and dropdown arrows invisible in chrome

Question

For some reason my checkboxes and dropdown arrows are not visible in chrome, however, they still work.

They are perfectly visible in IE. When I load the page in IE, then try loading the page in chrome, they usually appear until I refresh the page again in chrome.

Anyone know what the problem might be?

Reference image: http://i.imgur.com/Q66w6.png

Answer 1

A 'solution' to this Chrome problem is to

• open Task Manager
• refresh the page in Chrome while the Taks Manager is open in front of the browser.

I couldn't believe this would actually work when I read about it, but I've seen it with my very eyes. This issue apparently exists since the early versions of Chrome and still exists in current versions, though it only occasionally occurs. It seems to be permanently gone after this 'fix'.

Answer 2

In webkit browsers the following code will remove dropdown arrows.

select{
  -webkit-appearance:none;
}

Checking in your browsers inspector will indicate if it's being applied in your case or not.