remove text border
by Lucille Kenney
HTML
<input type='button' id='refresh-btn' value='Start over'>
<input type='button' id='print-btn' value='Print'>
<!-- Paypal purchase -->
<form target="paypal" action="..." method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="">
<label for"pp" class="pp"><input type="image" id="vyc" src="http://lakenney.com/kenney_lucille-final/images/vyc.png" border="0" name="submit" value="View Cart" alt="View Cart"><span class="overlay">View Cart</span></label>
<input type="hidden" name="display" value="1">
</form>
CSS
input[type=text] {
font-family:Arial;
font-size: 12px;
/*color:#333;*/
}
/*-------------------------------------------------------------------------------------------------
Buttons
-------------------------------------------------------------------------------------------------*/
button,
input[type=button] {
background-color: #49AFCC;
background: -webkit-gradient(linear, left to top, left bottom, color-stop(0%, #49AFCC), color-stop(100%, #3D8EA5));
background: -webkit-linear-gradient(to bottom, #49AFCC, #3D8EA5);
background: -moz-linear-gradient(to bottom, #49AFCC, #3D8EA5);
background: -ms-linear-gradient(to bottom, #49AFCC, #3D8EA5);
background: -o-linear-gradient(to bottom, #49AFCC, #3D8EA5);
background: linear-gradient(to bottom, #49AFCC, #3D8EA5);
border: 1px solid #3D8EA5;
border-bottom: 1px solid #22758D;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #22758D;
box-shadow: inset 0 1px 0 0 #3EA0BC;
color: #fff;
font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 6px 0 6px 0;
position:relative;
top:-1px;
text-align: center;
text-shadow: 0 -1px 0 #22758D;
width: 100px;
height: 26px;
}
button,
input[type=button]:hover {
background-color: #76b347;
background: -webkit-gradient(linear, left to bottom, left bottom, color-stop(0%, #36ABCC), color-stop(100%, #36abcc));
background: -webkit-linear-gradient(to bottom, #36ABCC, #1D6A81);
background: -moz-linear-gradient(to bottom, #36ABCC, #1D6A81);
background: -ms-linear-gradient(to bottom, #36ABCC, #1D6A81);
background: -o-linear-gradient(to bottom, #36ABCC, #1D6A81);
background: linear-gradient(to bottom, #36ABCC, #1D6A81);
-webkit-box-shadow: inset 0 1px 0 0 #22758D;
box-shadow: inset 0 1px 0 0 #22758D;
cursor: pointer;
}
button,
input[type=button]:active {
...