Curseur ne s'affiche pas pour input

**taroudant** · 27/06/2008, 16h11

Salut;
J'ai une zone de saisie d'un montant, j'ai utilisé la classe css suivant:
.regularAmountInput {
background-color: #FFFFFF;
border-width: 0.5px;
font-family: Verdana;
font-size: 8pt;
text-align: right;
width: 100%;
}
le problème est que le curseur n'apparait pas dans la zone de saisie
Comment changer dans cette classe css pour l'afficher
merci bien

**pop_up** · 27/06/2008, 16h55

j'ai testé ça sous IE6 et Firefox 2.0.0.12 et ça fonctionne. Le truc c'est que l'on voit pas ton champ texte car il est blanc sur fond blanc sous IE par contre sous FF on voit la bordure. mais sinon en passant dessus avec la souris, le curseur change.

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>test</TITLE>
<META http-equiv=Content-Type content="application/xhtml+xml; charset=iso-8859-1">
<style>
.regularAmountInput {
background-color: #FFFFFF;
border-width: 0.5px;
font-family: Verdana;
font-size: 8pt;
text-align: right;
width: 100%;
}
</style></HEAD>
<body>
avant<form name="ez" action="./" method="post">
<input type="text" name="phase" class="regularAmountInput" value="" />
</form>
apres
</body></html>

**taroudant** · 27/06/2008, 17h03

En fait j'utilise IE version 6.
t'as raison il s'affiche dans d'autres navigateurs (fireFox)
Comment remedier à ce problème (pour l'afficher dans IE)?

**pop_up** · 28/06/2008, 10h03

si tu remplaces

Code :

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

border-width: 0.5px;

par

Code :

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

border-width: 1px;

ça marchera mieux

Après tu peux très bien customizer ton input en y mettant une couleur de fond ou une bordure en utilisant a la place de border-width cette propriété :

Code :

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

border: 1px solid gold;

**taroudant** · 01/07/2008, 14h01

ça marche pas encore

**pop_up** · 02/07/2008, 08h23

Qu'est ce qui marche pas exactement ?

créé une page et mets y ce code :

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>test</TITLE>
<META http-equiv=Content-Type content="application/xhtml+xml; charset=iso-8859-1">
<style>
 
.regularAmountInput {
background-color: #FFFFFF;
border: 1px solid gold;
font-family: Verdana;
font-size: 8pt;
text-align: right;
width: 90%;
}
</style></HEAD>
<body>
avant
<form name="ez" action="./" method="post">
<input type="text" name="phase" class="regularAmountInput" value="" />
</form>
apres
</body></html>

Chez moi ça passe sous IE7 et Firefox (j'ai pas IE6 sur ce poste donc je peux pas vérifier)

Si tu remplaces border: 1px solid gold; par border-width: 1px; chez moi ça marche aussi à savoir, tu as la bordure supérieure et la bordure gauche.

Curseur ne s'affiche pas pour input

CSS

Discussions similaires

Partager

Partager