bakgrundsbild på en <input>?

hut gör man för att lägga en bakgrundsbild på ett input fält i en css-fil?

<input class="blabla" type="text" />

Tack på förhand. :bire

<input class="blabla" type="text" class="input" />

CSS-filen:

.input {
background-image:url(dinbakgrundsbild.gif);
}

Det borde funka :)

Eller så använder du din blabla-klass: ;)

<style>
.blabla {background-image:url('http://www.webforum.nu/images/wfstandard/logo_griffel.gif');}
</style>

<input class="blabla" type="text" />

Allt du vill veta om CSS background:
http://www.w3schools.com/css/css_background.asp

Web-Tor skrev:

Eller så använder du din blabla-klass: ;)

<style>
.blabla {background-image:url('http://www.webforum.nu/images/wfstandard/logo_griffel.gif');}
</style>

<input class="blabla" type="text" />

Allt du vill veta om CSS background:
http://www.w3schools.com/css/css_background.asp

oj, missade helt den :)

Tackar, tackar men man ser fortfarande dom fula rutkanterna bakom bakgrundsbilden.

Använder:

<style>
.blabla {background-image:url('my_bkg.gif');}
</style>

<input class="blabla" type="text" />

<style>
.blabla {
	background-image:url('http://www.webforum.nu/images/wfstandard/logo_griffel.gif');
	[b]border:none;[/b]
}
</style>

<input class="blabla" type="text" />

Allt du vill veta om CSS border:
http://www.w3schools.com/css/css_border.asp