28220 sujets

CSS et mise en forme, CSS3

[résolu] Selectionner les inputs de type "file"

Bonjour,

J'ai un doute sur une chose, est t'il possible de définir un style sur diférent style d'élément <input> ex : <input type="file"> en CSS ?

évidement je souhaite savoir si c'est possible sans définir d'id pour cet input ou même une classe juste de manière générique.


D'avance merci de vos réponses. Smiley rolleyes
Modifié par ernstein (02 Sep 2005 - 13:19)
MERCI Georges c'est énorme.... cela me confirme la puissance de CSS....

tu viens de m'ouvrir un paquet de portes

erncore merci
IE semble comme d'hab à la rue, mais mon dev ne concerne qu'un intranet qui est exclusivement opéré via firefox Smiley cligne
Modifié par ernstein (02 Sep 2005 - 13:13)
???

si çà marche bien par exemple :

tu as un input type="file" comme moi dans ma question

tu fais une régle sur :

input[type=file] {
la regle
}


en fait j'ai une régle générique pour les inputs, puis certaine complémentaire pour les exéptions ou les trucs du genre : 


input {
width:350px;
}

input [type=checkbox] {
width:auto;
}


sinon les checks sont super large Smiley smile

encore merci.
Modifié par ernstein (02 Sep 2005 - 13:23)
heu je viens de me rendre compte que le test que j'ai fais portait sur une chose que ne sait par faire Firefox "un border autour d'un bouton radio"

donc j'ai vu le résultat sous Opéra.

reste à faire un test avec une propriété CSS supportée par FF Smiley cligne
Exact, ça marche avec firefox.



Merci bien. Utile...


<html>
<head>
<title>input</title>
<style>
input[type=file] {
color:red
}
</style>
</head>

<body>
test et retest
<input type="file"/>
</body>

</html>

Modifié par GeorgesM (02 Sep 2005 - 13:27)
j'ai ce test à l'esprit:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
input {
	background-color:#33FF99;
}
input[type=text] {
	background-color:#99CC66;
}
</style>
</head>


<body>
<input type="file" />
<input type="text" />
</body>
</html>
Sujet clos
Aller à