Benutzerdefiniertes Design für ASP-Textfelder

Question

Ich habe derzeit zwei Textfelder (asp:TextBox) in unmittelbarer Nähe zueinander. Sie sehen zur Zeit wie folgt aus:

Ich versuche, dieses Schatteneffekt loszuwerden, die in den oberen und linken Rand der Textfelder angelegt wird, damit ich einige benutzerdefinierte Styling anwenden können. box-shadow scheint jedoch keinen Effekt zu haben, und das Hinzufügen einer -Eigenschaft fügt dem vorhandenen Schatten hinzu, anstatt ihn zu ersetzen. Ist es einfacher, das Textbox-Styling vollständig zu ersetzen, oder kann ich etwas mit der vorhandenen Vorlage tun?

Mein Ziel ist ein einfacher Text, wie der Titel Textbox auf Stackoverflow, wenn eine neue Frage:

Edit: Dies ist die aktuelle CSS angewendet:

Und mit border-width entfernt:

Beachten Sie, dass box-shadow keine Wirkung hat, wenn angewendet oder entfernt. Der einzige sichtbare Unterschied besteht darin, dass die Umrandung dicker ist und immer noch auf die obere und linke Seite des Objekts ausgerichtet ist.

Answer 1

Versuchen Sie folgendes:

.loginInputBox 
{ 
    width: 300px; 
    border: 1px solid #eee; 
    box-shadow: none; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
}