Entrée d'alignement à droite

Question

Je dois être décédé. Je vais avoir un bon moment à aligner les nombres dans un champ de saisie.

.number { 
    text-align: right; 
} 

<input name="price" type="text" class="number" /> 

n'a aucun effet.

Je dois utiliser un champ de saisie puisque je me réfère à la valeur de JavaScript et je l'utilise à la fois pour l'entrée et l'affichage.

Merci

Answer 1

Il pourrait être que vous avez un sélecteur plus spécifique qui remplace la propriété text-align de .number

Pour rendre votre sélection plus spécifique, spécifiez le type d'élément ...

input.number { 
    text-align: right; 
} 

Vous pourriez avoir à obtenir que plus spécifique, comme ...

#formId input.number { } 

Answer 2

Ouais - text-align: right devrait fonctionner. Etes-vous sûr qu'il n'y a pas un autre style ou quelque chose qui l'emporte?

(Si vous ne l'avez pas déjà, je recommande le plugin FireBug pour Firefox: faites un clic droit sur l'élément en question et sélectionnez "Inspecter l'élément" - cela vous dira tous les styles appliqués, et ce qui est redéfinie quoi.)

Answer 3

Si vous ne pouvez toujours pas obtenir cette classe pour remplacer les styles qui viennent d'ailleurs, vous pouvez également essayer

text-align: droit important;