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;
}

Gerelateerde Snippets

Geen reacties op "Button als een link"

Reactie formulier


Demo: Button als een link:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.