How to set text color in submit button?
.button { font-size: 13px; color:green; } <input type=”submit” value=”Fetch” class=”button”/>
.button { font-size: 13px; color:green; } <input type=”submit” value=”Fetch” class=”button”/>
Use an image type input: <input type=”image” src=”https://stackoverflow.com/Button1.jpg” border=”0″ alt=”Submit” /> The full HTML: <form id=’formName’ name=”formName” onsubmit=”redirect();return false;”> <div class=”style7″> <input type=”text” id=’userInput’ name=”userInput” value=””> <input type=”image” name=”submit” src=”https://jekyllcodex.org/uploads/grumpycat.jpg” border=”0″ alt=”Submit” style=”width: 50px;” /> </div> </form>
Does that work in IE6? No, IE6 does not support attribute selectors at all, cf. CSS Compatibility and Internet Explorer. You might find How to workaround: IE6 does not support CSS “attribute” selectors worth the read. EDIT If you are to ignore IE6, you could do (CSS2.1): input[type=submit][disabled=disabled], button[disabled=disabled] { … } CSS3 (IE9+): input[type=submit]:disabled, … Read more
The first button is always the default; it can’t be changed. Whilst you can try to fix it up with JavaScript, the form will behave unexpectedly in a browser without scripting, and there are some usability/accessibility corner cases to think about. For example, the code linked to by Zoran will accidentally submit the form on … Read more
I’m just doing the trick of floating the buttons to the right. This way the Prev button is left of the Next button, but the Next comes first in the HTML structure: .f { float: right; } .clr { clear: both; } <form action=”action” method=”get”> <input type=”text” name=”abc”> <div id=”buttons”> <input type=”submit” class=”f” name=”next” value=”Next”> … Read more