What i mean for the image button is the type of button is Submit, but we can place image background for it.
We need to use border:none for the css so that the right border and bottom border of submit button will be cleard that is not good.
After set the border:none, the button is not so dynamic now. So my question is: how to make this kind of button more dynamic and fancy? May need to use javascript onmouseover, mouseout to change classname? I did this before, the loading is too slow, not practicle at all.
CSS is only one solution if you don't mind the speed. CSS is smart, i don't know why it is slow in dynamic button, maybe we need to try use jquery to load the images for the button in the page, then changing classname will find the image. If the image is not loaded, css won't work properly.
Code:
Sample of Changing class name in a image button:
onmouseover='this.className=hover-image-css
onmouseout='this.className=out-image-css