Skipjackrick Posted December 23, 2009 Share Posted December 23, 2009 I have searched and tried editing the code and just can't seem to figure out how to get image rollovers to work with an "input" or "submit" button. Does anybody know how to get this to work for an "input" button? I've done this a thousand times for menu buttons that are links. But never an input? <input name="submit" type="image" src="layout/images/buttons/register.png" alt="register" /> Quote Link to comment https://forums.phpfreaks.com/topic/186152-css-rollover-image-for-input-or-submit-buttons/ Share on other sites More sharing options...
Skipjackrick Posted December 23, 2009 Author Share Posted December 23, 2009 OK, I am getting closer. I have played around with it and now I've got this kind of working.... Problem is, the word "Submit" is displayed over my background. However, the image rollover works well. <input type="submit" value="Submit" class="button" /> .button { border: none; width: 123px; height: 30px; background: url(images/buttons/register.png) no-repeat top left; } .button:hover { background-position: -123px 0; } Quote Link to comment https://forums.phpfreaks.com/topic/186152-css-rollover-image-for-input-or-submit-buttons/#findComment-983074 Share on other sites More sharing options...
vinpkl Posted December 23, 2009 Share Posted December 23, 2009 <input type="submit" value="Submit" class="button" /> write value="" instead of value="submit". <input type="submit" value="" class="button" /> vineet Quote Link to comment https://forums.phpfreaks.com/topic/186152-css-rollover-image-for-input-or-submit-buttons/#findComment-983088 Share on other sites More sharing options...
Skipjackrick Posted December 23, 2009 Author Share Posted December 23, 2009 write value="" instead of value="submit". <input type="submit" value="" class="button" /> vineet Aye, thanks. So simple. I would usually catch that but I am tired. Need sleep...Do you happen to know if my solution is cross browser friendly? It seems to work in IE8 and Firefox just fine. Quote Link to comment https://forums.phpfreaks.com/topic/186152-css-rollover-image-for-input-or-submit-buttons/#findComment-983100 Share on other sites More sharing options...
vinpkl Posted December 23, 2009 Share Posted December 23, 2009 hover property doesnt works in ie6 for input butons. rest all latest browsers support it. vineet Quote Link to comment https://forums.phpfreaks.com/topic/186152-css-rollover-image-for-input-or-submit-buttons/#findComment-983156 Share on other sites More sharing options...
Skipjackrick Posted December 23, 2009 Author Share Posted December 23, 2009 Cool, thanks Quote Link to comment https://forums.phpfreaks.com/topic/186152-css-rollover-image-for-input-or-submit-buttons/#findComment-983193 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.