Border om Submit button
Ik loop tegen het volgende aan: Ik wou een input submit button maken met een background afbeelding. dit stukje code :
Code (php)
1
2
2
input.submit {color:#FF8300; height:50px; width:300px; background:url(textfield-bg.png) no-repeat top left;}
<input type="submit" value="zoeken" class="submit">
<input type="submit" value="zoeken" class="submit">
Zo doet hij het wel, maar zodra ik er border: none; aan toe voeg om de lelijke border weg te krijgen is hij niet meer klikbaar. Weet iemand hoe dit komt/ op te lossen?
*. {border: none;} dan haal je overal de border eruit.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
input[type="submit"] {
color:#FF8300;
height:50px;
width:300px;
background:url(textfield-bg.png) no-repeat top left;
border:none;
}
</style>
<form method="post" action="http://google.com">
<input type="submit" value="zoeken">
</form>
input[type="submit"] {
color:#FF8300;
height:50px;
width:300px;
background:url(textfield-bg.png) no-repeat top left;
border:none;
}
</style>
<form method="post" action="http://google.com">
<input type="submit" value="zoeken">
</form>
En dat werkt gewoon..
Gewijzigd op 14/06/2012 00:41:02 door Marco M
Ik leer mezelf aan om dit soort dingen te testen op een volledige manier, dus in dit geval door een klein form aan te maken en dan verder te prutsen. Kosten een paar seconden meer, maar kan je een veelvoud aan tijd besparen!
Code (php)
1
<input type='image' src='Afbeeldingen/afbeelding.png' title='Submit' name='Submit'>
Dit werkt net zo goed als een submit button.