Hi liebes Forenmitglieder,
ich habe ein Amazon Suchfeld auf meiner Seite. Serverseitig wird in dieses Formular automatisch ein Inputfeld vom Typ hidden eingefügt, welches die PHP Session ID beinhaltet. Für das Formular habe ich über #content_left input den Style für alle Input Felder definiert. So erhält auch das hidden field eine Border und die Breite des Input Styles.
Wie kann ich das automatisch eingefügt hidden field ansprechen (oder alle hidden fields) und diesen einen Style zuweisen?

Ich habe versucht erstmal über display:none; alle Input Felder zu verstecken und denen, die sichtbar sein sollen eine Klasse zuweise mit dem Parameter display: block;. Doch das nützt nichts, die Felder mit der Klasse werden nicht angezeigt. Hat jemand eine Idee?

Danke und Gruß
dabjoern

Du könntest versuchen, die Elemente mit dem Attribut-Selektor auszuwählen.

Danke für deine Antwort. Ich habe eben dies so gemacht:

Das klappt für eine Vielzahl von Browsern außer (natürlich) IE. Der zeigt weiter schön an. Das hatte ich auch schonmal gelesen und probiert. Insofern muss jetzt noch eine Weiche für den IE her und hier mangelts mir an Ideen.
Gruß
dabjoern

Wieso sind die versteckten Formularelemente überhaupt sichtbar?

Hi Gumbo,
ich hab da auch nochmal drüber nachgedacht. Also ich habe jetzt die Lösung gefunden. Im IE war ich der Meinung, dass die unsichtbaren Felder angezeigt werden, weil sie es im Firefox definitiv werden. Da sieht man nämlich eine 2px hohe und 100px breite Border. Im IE war das nicht der Fall. Dort wurde nur mein Layout zerschossen. Daraufhin habe ich noch ein wenig rumprobiert und festgestellt, dass die Ausrichtungsangabe des Submit Buttons (margin-left) falsch interpretiert wird von IE. Also hab ich den Sternchen Hack genommen und für IE ein anderes Margin-left definiert. So haut das Layout wieder hin. Für Firefox muss ich aber trotzdem die folgenden Zeilen drinnelassen.

Finde das auch sehr merkwürdig, warum das FF macht. Naja egal, jetzt geht es. Danle dir für die Hilfe und Anregung.
Gruß
dabjoern