SmartClient Version: v9.0p_2013-11-17/LGPL Development Only (built 2013-11-17)
Browser: Chrome
I am trying to use CSS3 gradients instead of images to style my scrollbars. They look fine in IE10/11 and Firefox, but not in Chrome. The thumb portion is offset to the right and too narrow (see attached image).
The problem appears to be that my styles are being applied to the <img> tags. In the other browsers where this is working, the <img> tag is wrapped in another layer and the style is applied to that layer. I assume something similar need to be happening in the DOM generation for Chrome as well. Img tags in general seem to not like style/class being set on them.
Code is attached. The scrollbar classes are being established in post_load_skin.js which is included in issues.html. The styles references are defined in the attached css. I did not bother to include everything needed to scrollbar endcap images or to support horizontal scrollbars.
Browser: Chrome
I am trying to use CSS3 gradients instead of images to style my scrollbars. They look fine in IE10/11 and Firefox, but not in Chrome. The thumb portion is offset to the right and too narrow (see attached image).
The problem appears to be that my styles are being applied to the <img> tags. In the other browsers where this is working, the <img> tag is wrapped in another layer and the style is applied to that layer. I assume something similar need to be happening in the DOM generation for Chrome as well. Img tags in general seem to not like style/class being set on them.
Code is attached. The scrollbar classes are being established in post_load_skin.js which is included in issues.html. The styles references are defined in the attached css. I did not bother to include everything needed to scrollbar endcap images or to support horizontal scrollbars.