Style en button
Jeg har en button der ser således ud:<div id="search">
<div align="left">
<!--BEGIN Search Box -->
<form action="http://vitaminer.com/fleh/index.php?page=shop.browse&option=com_virtuemart&Itemid=1" method="post"><p><input name="keyword" type="text" class="inputbox" id="keyword" title="Search" onBlur="if(this.value=='')this.value='';" onFocus="if(this.value=='')this.value='';" value='' size="12" />
<input class="button" type="submit" name="Search" id="Search" value="" />
</p>
</form>
<!-- End Search Box --> </div>
</div>
Hvordan kan jeg style den via eksternt css - Jeg har forsøgt mig sådan men kan vist ikke helt få styr på det.
#search button {
background: url(../images/back_search.jpg) -10px 1px no-repeat;
width: 60px;
padding-top:5px;
height: 18px;
border:none;
background-color:transparent;
cursor: pointer;
cursor: hand;
color:#bebebe;
}
Det skal jo kun være den knap til søgningen der styles..
Håber der er skarp derude der kan hjælpe :-)