Effet 3d des inputs

**youcef81** · 10/12/2006, 11h58

Bonjour

Comment elliminer l'effet 3d des input dans Html ?
je veux afficher des zones d'edit simlpe avec un simlpe cadre pas d 'ambre

Merci

**Auteur** · 10/12/2006, 14h34

bonjour,

comme ceci par exemple ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.monStyle{
border: 1px #AAAAAA solid;
}
 
//-->
</style>
 
</head>
 
<body>
 
<input class="monStyle" type="text" value="Par Defaut" id="idText" size="20" maxlength="10">
 
</body>
 
</html>

pour les bordures tu peux donner, par exemple, l'aspect suivant :
inset, outset, ridge, solid.
cf :
http://wiki.media-box.net/documentat...s/border-style

**Peut-êtreUneRéponse** · 10/12/2006, 14h37

Bonjour,

jusqu'à présent un input de type "text" n'a pas d'effet 3D, c'est un simple encadrement de couleur grise

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input name="xxx" type="text" size="30" maxlength="30">

Si tu parles des input de type "button":

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="button" name="lien" value="Homel"
onClick="self.location.href='http://chezmoi.com'">

alors tu peux les modifier par le CSS en utilisant un selecteur d'attribut:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

input[type=button] {border: 1px solid red;}

ATTENTION, IE6 et IE7 ne comprennent pas ce code.

Pour un compatibilité tous navigateurs ajoute une classe (monbouton) à ton input de type "button":

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input class="monbouton" type="button" name="lien" value="Homel"
onClick="self.location.href='http://chezmoi.com'">

et tu pourras coder ton CSS comme suit:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

input.bouton {border: 1px solid red;}

.

**youcef81** · 10/12/2006, 15h22

Merci "Auteur".
c'est ce que je cherche Auteur !
merci pour les explications "Peut-êtreUneRéponse"

Effet 3d des inputs

CSS

Vue hybride

Discussions similaires

Partager

Partager