html input button-default-css-Grenze

den submit-input-Art, hat in der Regel eine " abgeflachte Kante 3D an der Seite Ecke. wie man css verwenden, um es einfachen Aussehen?

InformationsquelleAutor cometta | 2011-01-06
  1. 3

    Diese Arbeit sollte für das, was Sie brauchen: 

     input 
 {
        border: 0;
 }

    oder, wenn Sie wollten, um genauer zu sein:

     input[type=button], input[type=submit] 
 { 
        border: 0 
 }

    oder verwenden Sie eine inline-styling:

    <input type=button value="Testing" style="border:0">
    InformationsquelleAutor Rion Williams
  2. 1

    Hinzufügen jede Art von Grenze auf die Schaltfläche entfernen, entfernen Sie die Browser eingebaute "3D-Effekt". So etwas wie die folgende hinzufügen einer einfachen grauen Rahmen statt.

    input[type=submit] {
    border: 1px solid 333;
}

    Beachten Sie, dass die Standard-Schaltfläche styling ist abhängig sowohl von browser und Betriebssystem, so lohnt es sich, die Anwendung Ihrer eigenen styling, wenn Sie wollen die totale Kontrolle über das Aussehen Ihrer Seite.

    • In der Tat die default-styling für alle HTML-Elemente definiert vom W3C. Das hört nicht auf verschiedenen Browsern und Betriebssystemen zu tun, die Dinge anders, aber es ist soll zu mindestens einem gewissen Grad von übereinstimmung in den Standardeinstellungen.
    InformationsquelleAutor beeglebug
Schreibe einen Kommentar