Question

I have a button which is attached to a js action. It currently uses <a onMouseUp="..."><img.... The problem is that I want the buttons to be able to change the images depending on the theme (i.e. css file). Since the image is specified in the html itself, this doesnt work. Does anyone know how to implement this?

Answer 1

Instead of having the image in the HTML, you should assign it as a background on the anchor element, as defined in a stylesheet.

a.example {
     display:inline-block;
     height:20px;
     width:20px;
     background-image:url(/images/buttonExample.png)
}