HTML

<input type="submit" class="knop" value="Submit" />

CSS

form input.knop {
text-indent:-9999px; /* Voor alle browsers */
font-size:0; /* Voor alle IE 6&7 */
line-height:0; /* Voor alle IE 6&7 */
}

Input veld zonder focus in Safari

Input veld met focus in Safari

Als je als ontwerper van een formulier dit niet wenst, kan je volgende CSS toepassen.

CSS

input:focus { outline: none; }

HTML

<form action="post">
 <p>
  <label for="name">Name</label>
  <input id="name" name="name" />
 </p>
 <p>
  <label for="address">Address</label>
  <input id="address" name="address" />
 </p>
 <p>
  <label for="city">City</label>
  <input id="city" name="city" />
 </p>
 </form>

CSS

label,input  {
display:  block;
width:  150px;
float:  left;
margin-bottom:  10px;
}
label  {
text-align:  right;
width:  75px;
padding-right:  20px;
}
p  {
clear:  left;
}

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