Hallo

Habe eine Frage, die zum untenstehenden Post gehört, möchte sie aber gerne als neuen Thread eröffnen. Der lange Rede kurzer Sinn:

Wer schaffts, beim Button-Element im Formular diese hässlichen Ränder und Hintergründe drumherum wegzubringen?

Das ganze ist zum Verzweifeln. Habe nun alles probiert, was mir eingefallen ist. Border auf 0, Background weg, Padding auf 0. Nützt alles nichts. Irgendwas verschiebt den Button immer noch ein paar Pixel und ich würde gerne wissen woher das kommt. Gibt es noch eine CSS Deklaration die diese Buttoneffekte erzeugt? Wenn ja, wie heisst das Ding und wie kann ich es deaktivieren?

Hier ist ein Müsterchen, mit den diversesten Varianten, wie oben beschrieben:
Formulartest

Freu mich auf alle Hinweise, damit ich in Zukunft meine Search-Elemente schön gestalten kann.

Finkenmann

Ohne Padding, Border und Background sieht es doch ganz gut aus? Was willst du denn noch mehr haben? Die gleiche Höhe oder wie?

Das Problem ist, das im FX immer ein Rand bleibt, dem man allenfalls eine entsprechende Hintergrundfarbe geben kann (oder transparent), aber weg bekommt man ihn nicht (d.h. er verschiebt img innerhalb von button). Gib button mal background: red; oder so, dann siehst Du's.

Man könnte immerhin dem img ein display: block mitgeben. Dann ist der Abstand nicht mehr ganz so groß.

Alles schon versucht, das ändert nichts an den 3px nach links und 1px nach oben.

Nur nach unten, ich weiß...

Für FF geht es immerhin so:

.muster4
{
padding: 0;
border: none;
background: red;
outline: none;
width: 23px;
height: 23px;
}
.muster4 img
{
display: block;
margin: -3px 0 0 -3px !important;
outline: none;
width: 23px;
height: 23px;
}

Klar geht das so, aber es gibt ja nicht nur den FX. Ich habe keine Lösung gefunden, die für alle Browser funktioniert.

Tja schade, dass es für FF nicht mehr gibt. -moz-margin-start: -3px; würde ja nur margin-left beheben, aber nicht margin-top... An sowas haben die Entwickler mal wieder nicht gedacht.

Aber es gibt ja zum Glück Alternativen, die zudem auch das CSS valide bleiben lassen Aus seinem anderen Thread: http://xhtmlforum.de/53511-problem-b...tml#post401079

Klar, oder so. Bin auch nicht unbedingt der button img Freund