Hi Andrea,
Thank you for sharing. This pointed me in the right direction. I imported my existing custom jQuery Mobile 1.1.0 theme into ThemeRoller and changed the icon settings back to the default settings. However, the icons were still not visible in IE8.
After some investigation, starting from the default theme, and looking at the differences in the .css file, I finally found what was broken in my custom theme and what caused the issue.
When you as much as click into the DISC COLOR and DISC OPACITY settings, even without actually changing these settings, and then download the default theme, the background color in the following code in the .css file is changed from #666666 (the default setting) to #FFFFFF.
.ui-icon,
.ui-icon-searchfield:after {
background: #666666 /*{global-icon-color}*/;
I edited my custom stylesheet to have a background color of #666666 and the icons became visible in IE8.
This same behaviour also applies to the two DEFAULT ICON settings, and to different versions of jQuery Mobile (e.g., 1.2.0).
Thanks again,
Monica