Sign in to follow this  
Josh

CSS: Submit Button Farbe ändern?

Recommended Posts

Hi alle

Ich verwende für Input Felder in HTML folgenden CSS-Style:

input {
border:1px solid #000000;
background-color:#F1F1F1;
}

Leider färbt das auch den Submit-Button hellgrau, diesem möchte ich aber standardmässig eine andere Farbe geben. Wie kann ich das machen, ohne dafür eine eigene Klasse definieren zu müssen?

Vielen Dank
Josh

Share this post


Link to post
Share on other sites
QUOTE (spaceman007 @ Di 24.5.2005, 9:30)
CODE
background-color:#F1F1F1;


? diese frabe ist ja grau ? also ist die farbe korrekt...

Du hast mich scheinbar falsch verstanden. Ich möchte den Submitbutton andersfarbig haben als normale Inputfelder.

Share this post


Link to post
Share on other sites
der button ist auch ein input tag wie die eingabefelder auch. aus diesem grunde kommst du nicht drum herum eine klasse zu definieren.

gruss

urs

Share this post


Link to post
Share on other sites
Ich finds schöner wenn man die Submit Buttons so definiert:
CODE

<style type="text/css">
 button  {
   back...:blue;
 }
</style>

...

<button>this is my button</button>

Share this post


Link to post
Share on other sites
@madox

und das funktioniert? kann man mit css tags "selbst erfinden"?
muss ich mal probieren.

Share this post


Link to post
Share on other sites
Danke euch.

@magadoo:
Das wusste ich doch tatsächlich auch noch nicht, dass es ein <button> Tag gibt! Werd ich mir gleich mal anschauen müssen.

Share this post


Link to post
Share on other sites
@magadoo

cool wieder mal was gelernt ... noch nie gehört.
gabs vor 4 jahren noch nicht ... wie doch die zeit läuft.

vielen dank

Share this post


Link to post
Share on other sites
Ja, der Button erlaubt halt viel mer als der Input Tag. Weil man kann innerhalb eines buttons noch andere HTML-Elemente definieren.

CODE

<button>
 <img src="bla.gif"><span class="xy">blabla</span>
</button>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this