右对齐输入

Question

我一定是脑死了。我有一段时间正确地在输入字段中对齐数字。

.number {
     text-align: right;
}

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

没有效果。

我需要使用输入字段，因为我在JavaScript中引用了值，我将它用于输入和显示。

由于

Answer 1

可能有一个更具体的选择器会覆盖text-align的{​​{1}}属性

要使您的选择器更具体，请指定元素类型...

.number

您可能必须得到更具体的内容，例如......

input.number {
   text-align: right;
}

Answer 2

是的 - text-align: right应该有用。

你确定没有其他风格或其他东西覆盖它吗？

（如果你还没有，我推荐Firefox的FireBug插件：右键单击有问题的元素并选择“Inspect Element” - 它会告诉你实际应用的每种风格，以及什么被覆盖了什么。）

Answer 3

如果仍然无法让该类覆盖来自其他地方的样式，您可能还想尝试

  

text-align：right！important;