input-Feld padding innen?

[Thorsten Sperber]

Hallo,

mich interessiert, ob sowas möglich ist. Mit padding-right zb funktioniert es nicht; das Inputfeld wächst einfach um das Padding.

Ich habe ein Hintergrundbild rechts gesetzt und will nicht, dass man da drüberschreiben kann. Wenns nicht geht, müsste ich das Bild halt neben das Element setzen oder damit leben.

Danke schonmal ;)

[Roebert Stump]

Hallo,

Hallo,

mich interessiert, ob sowas möglich ist. Mit padding-right zb funktioniert es nicht; das Inputfeld wächst einfach um das Padding.

Also bei mir ist das Inputfeld nicht gewachsen - nur bei Texteingabe wurde das Hintergrundbild etwas nach hinten verschoben - um dem gegenzuwirken kannst Du maxlength beim Eingabefeld angeben.

Ich habe ein Hintergrundbild rechts gesetzt und will nicht, dass man da drüberschreiben kann. Wenns nicht geht, müsste ich das Bild halt neben das Element setzen oder damit leben.

Danke schonmal ;)

bei folgenden Code bleibt das Bild 'unberührt' und man kann auch nicht drüberschreiben:

css:

form#test input
{
 font-size: 20px;
 background: url('bild.jpg') no-repeat;
 background-position: right;
 padding-right: 60px;
}

html:

<form id="test" name="test" action="test.htm" method="post">
<input type="text" maxlength="13" name="testtext">
</form>

(bild.jpg ist circa 50*20px)

Ich hoffe ich kann Dir damit weiterhelfen

mfg, roebert