Eingabefeld Styling - CSS problem

ich versuche zu erstellen, die ein Eingabefeld wie unten

Eingabefeld Styling - CSS problem

Diese sind die Regeln, die ich angehängt habe

input {
    height:30px;
    width:286px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-color:#cccccc;
    padding:0 10px;
}

Aber ich bin immer eine innere box shawdow wie diese.

Eingabefeld Styling - CSS problem

Irgendeine Idee, wie zu entfernen, die inneren shawdow ?

Online-Editor: http://jsfiddle.net/c3JCx/

  • border-width:1px ?
  • NÖ. ich bekomme immer noch die inneren Schatten
InformationsquelleAutor Harsha M V | 2011-06-13
  1. 7

    versuchen zu ersetzen:

    border-color:#cccccc;

    mit:

    border: 1px solid #cccccc;

    damit wird die Grenze mit solid Farbe wie auf dem ersten Bild ... die Standard - border-style ist inset und es sieht irgendwie "3D", wie beschrieben in w3schools (zweites Bild)

    • Vielen Dank.. Teneff 🙂
    InformationsquelleAutor Teneff
  2. 2

    Ersetzen

    border-color:#cccccc;

    mit

    border: 1px solid #cccccc;
    InformationsquelleAutor Tom
Schreibe einen Kommentar