nicht angemeldet
Gernot BackHallo at,
habe mal ein bisshen rumexperimentiert und kam zu dem Schluss:
font-variant, padding und/oder text-indent kannst du zumindest bei Opera 7.54 in Bezug auf <input type="text"> vergessen, text-transform: lowercase; ist da hingegen kein Problem.
Das Padding kannst du für Opera simulieren, wenn du stattdessen einen entsprechenden Margin auf das Input-Feld anwendest, es seines Rahmens beraubst und diesen stattdessen einem Elternelement zuweist. (Lass es das Form-Element sein oder ein zwischengeschaltetes DIV, das du floaten lässt.)
Bei Input-Elementen scheint Opera total zu spinnen: Zum Ausblenden des Rahmens bei Input-Elementen braucht er nicht etwa border:none sondern border-width:0 in Verbindung mit irgendeinem border-style außer none! Diesen Mist machen dann sogar der IE6 und Mozilla1.7.2 gnädigerweise mit. Verrückt, nicht wahr?
<html>
<head>
<title>Atfeld</title>
<meta name="author" content="Gernot Back">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
[code lang=css]
.mantel {
border:solid 1px black;
float:left;
}
.atfeld {
text-transform:lowercase;
margin-left:5em;
border:solid 0;
}
</style>
</head>
<body >
<form class="mantel" action="" method="" target="">
<input class="atfeld" type="text" name="eingabe" value="Hallo" size="20" maxlength="20" />
</form>
</body>
</html>
[/code]
Gruß Gernot