Jan L.: Buttons mit CSS gestalten

Beitrag lesen

Hallo Eva,

input, textarea, select, IFRAME, checkbox {
font-family: "Tempus Sans ITC"; color: #000000; border:#CFDEEF 1px dotted}

Ich habe das allerdings von einer anderen HP kopiert und schaffe es nicht, herauszufinden, wofür "input, textarea, select, IFRAME, checkbox" jeweils stehen.

Das bedeutet, daß die HTML-Elemente <input ...>, <textarea>, <select>, <iframe> und <checkbox> (gibt es das?) auf deiner Seite gemäß den obigen CSS-Angaben formatiert werden sollen.

Das größere Problem ist jedoch, dass ich es nicht schaffe, die Farbe der Buttons selbst zu ändern.

Dafür mußt du das CSS-Attribut 'background-color' verwenden.
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm

Wenn es nur für buttons und nicht für andere <input>-Elemente gelten soll, kannst du z.B. sowas machen:
.button { background-color: red; color: white; }
<input class="button" type="submit" ...>

oder gleich <button> benutzen:
button {...}
<button type="submit"...>...</button>
(das funktioniert allerdings nur in neueren Browsern)

Schau dir am besten mal das ganze CSS-Kapitel in selfhtml an:
http://selfhtml.teamone.de/css/index.htm
und beachte, daß das Formatieren von Formularelementen mit CSS in einigen Browsern Probleme machen kann. Also: testen, testen, testen...

Gruß, Jan