Kjorni: Submit-Button formatieren

Hi,

ich formatiere alle meine Submitbuttons wie folgt:

  
input[type=submit] {  
background-image: url('submi.gif');  
FONT: 11px verdana, arial, sans-serif;  
font-weight: bold;  
letter-spacing: 0px;  
color: #FFFFFF;  
cursor:pointer;  
BORDER: #000000 1px solid;  
}  

Über <input type='submit'... nimmt dann der Submitbutton obige Formatierung an.

Nun möchte ich in einem Formular den Submitbutton ganz anders formatieren, aber ich weiß nicht wie.

Geht das und wenn ja, wie?

Gruß, Korni

  1. Lieber Kjorni,

    input[type=submit] { ... }
    [...]
    Nun möchte ich in einem Formular den Submitbutton ganz anders formatieren, aber ich weiß nicht wie.

    #mein_spezial_formular  input[type=submit] { ... }  
    .meine_spezielle_klasse input[type=submit] { ... }
    

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. #mein_spezial_formular  input[type=submit] { ... }

      .meine_spezielle_klasse input[type=submit] { ... }

      
      >   
        
        
      Hallo Felix,  
        
      ah, vielen Dank für die beiden Tips.  
        
      Und wie würde mein <input... im HTML-.Formular dann jeweils aussehen müssen?  
        
      Viele Grüße, Kjorni
      
      1. Hi,

        #mein_spezial_formular  input[type=submit] { ... }

        .meine_spezielle_klasse input[type=submit] { ... }

          
        
        > Und wie würde mein <input... im HTML-.Formular dann jeweils aussehen müssen?  
          
        Genauso wie zuvor - was Felix dir gezeigt hat, ist eine Anwendung des Nachfahren-Selektors.  
          
        MfG ChrisB  
          
        
        -- 
        RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
        
        1. Genauso wie zuvor - was Felix dir gezeigt hat, ist eine Anwendung des Nachfahren-Selektors.

          Hi Chris,

          alles klar. Das kannte ich noch nicht.

          Nun habe ich es nachgelesen und umgesetzt und bin sehr zufrieden damit.

          Danke an alle und Grüße, Kjorni

      2. Lieber Kjorni,

        #mein_spezial_formular  input[type=submit] { ... }

        .meine_spezielle_klasse input[type=submit] { ... }

        
        > [...]  
        > Und wie würde mein <input... im HTML-.Formular dann jeweils aussehen müssen?  
          
        in SELFHTML findest Du wirklich alles, um Dir die notwendigen Grundlagen anzueignen. Für weitere Code-Beispiele zu exakt diesem Problem müsste ich Geld verlangen. Vielleicht findet sich aber jemand anderes, der Dir diese Lerngelegenheit bereitwillig vermiest?  
          
        Liebe Grüße,  
          
        Felix Riesterer.
        
        -- 
        ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
        
  2. @@Kjorni:

    nuqneH

    FONT: 11px verdana, arial, sans-serif;
    font-weight: bold;

    Auch wenn CSS nicht case-sensitiv ist (außer in Teilen, die nicht unter der Kontrolle von CSS stehen) [CSS2 §4.1.3], ist doch durchgängige Kleinschreibung der Bezeichner von Eigenschaften und der Schlüsselwörter für Werte anzuraten.

    Und wenn du die Sammeleigenschaft 'font' [CSS2 §15.2.5] verwendest, solltest du auch den Wert für 'font-weight' da mit unterbringen:

    font: bold 11px Verdana, Arial, sans-serif;

    Nun möchte ich in einem Formular den Submitbutton ganz anders formatieren, aber ich weiß nicht wie.

    Selektor für Nachfahren. [CSS2 §5.5, http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=SELFHTML]

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)