Enlever l'ombre d'un input

Bonjour,

Voilà je réalise un design, et sous chrome les champs n'ont pas d'ombre :

http://www.legeekcafe.com/upload/img/3732formu_chrome.PNG

Et sous firefox :

http://www.legeekcafe.com/upload/img/3734formu_firefox.PNG

Donc voici ma question : comment enlever l'ombre de la bordure intérieur du champs ?

J'ai chercher sur le net, mais je n'ai pas trouvé ou alors j'ai mal cherché.

Merci d'avance !
Modifié par t13077 (24 Sep 2012 - 16:42)

Bonjour,

merci de préciser le doctype et surtout fournir le code HTML de ce morceau de formulaire. À chaque type son design par défaut et ses propriétés CSS non standard à utiliser ... Oui c'est toi Chrome et tes search dont je veux parler (mais Firefox a ses lubies aussi, si je me souviens bien)

EDIT: tu répètes l'étiquette à gauche de l'input (élément label) et comme aide à la saisie (attribut placeholder) ? Si c'est le cas ce n'est pas l'usage prévu de placeholder
Modifié par Felipe (24 Sep 2012 - 16:49)

Le code css :

#corps #corps_login form
{
    padding-top: 10px;
}

#corps #corps_login input
{
    width: 250px;
	height: 35px;
	padding-left: 11px;
	font-size: 17px;
	margin-bottom: 20px;
}

#corps #corps_login input[type=text], input[type=password], input[type=email]
{
	background-color: #ffffff;
}

Et le code html :

            <form method="post">
              <input name="name" id="name" type="text" placeholder="Nom" />  
            </form>

Je fais quoi ?

input {
  border: 1px solid #abadb3;
}

PS : Les IDs étant par définition uniques... évite les sélecteurs de type #id1 #id2 !

tm