Hello,
You can also try this
<inputtype="button"value="Add a new row"class="button_add"/>
input.button_add { background-image: url(/images/buttons/add.png);/* 16px x 16px */ background-color: transparent;/* make the button transparent */ background-repeat:no-repeat;/* make the background image appear only once */ background-position:0px0px;/* equivalent to 'top left' */ border: none;/* assuming we don't want any borders */ cursor: pointer;/* make the cursor like hovering over an <a> element */ height:16px;/* make this the size of your image */ padding-left:16px;/* make text start to the right of the image */ vertical-align: middle;/* align the text vertically centered */}
Comments
You can also try this
<inputtype="button"value="Add a new row"class="button_add"/>
input.button_add { background-image: url(/images/buttons/add.png);/* 16px x 16px */ background-color: transparent;/* make the button transparent */ background-repeat:no-repeat;/* make the background image appear only once */ background-position:0px0px;/* equivalent to 'top left' */ border: none;/* assuming we don't want any borders */ cursor: pointer;/* make the cursor like hovering over an <a> element */ height:16px;/* make this the size of your image */ padding-left:16px;/* make text start to the right of the image */ vertical-align: middle;/* align the text vertically centered */}