15 Nov, 2008
Button als een link
Categoriën: Buttons |crossbrowser |solution |valid |W3C |Xhtml Strict
Als je om een of andere reden een submit button van een formulier moet/wenst weer te geven als een normale link, moet je volgende code gebruiken:
HTML
<input type="submit" class="submit" value="Submit Form" />
CSS
.submit {
background: transparent;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #00F;
border-left: 0;
color: #00F;
display: inline;
margin: 0;
padding: 0;
cursor: pointer; /* IE does not display a pointer */
}
*:first-child+html .submit { /* hack needed for IE 7 */
border-bottom: 0;
text-decoration: underline;
}
* html .submit { /* hack needed for IE 5/6 */
border-bottom: 0;
text-decoration: underline;
}