2009-09-21 103 views
3

我必须脑死亡。我有一段时间在输入字段中对齐数字。右对齐输入

.number { 
    text-align: right; 
} 

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

没有效果。

我需要使用输入字段,因为我指的是JavaScript中的值,我将它用于输入和显示。

感谢

+0

在IE中工作正常 – 2009-09-21 16:16:41

+0

显示HTML以及... – Martin 2009-09-21 16:16:50

回答

5

这可能是因为你有覆盖的.number

text-align属性,以使您的选择更具体的,指定元素类型的更明确选择......

input.number { 
    text-align: right; 
} 

您可能需要得到甚至比这更具体的,如...

#formId input.number { } 
+0

谢谢大家,我脑残。如果我将课程放在正确的输入字段上,这将有所帮助。 – sdfor 2009-09-21 16:28:45

3

呀 - text-align: right应该工作。

你确定没有其他风格或重写它的东西吗? (如果你还没有它,我会推荐Firefox的FireBug插件:右键点击相关的元素并选择“Inspect Element” - 这会告诉你实际应用的每种样式,和什么东西覆盖)。

+0

teedyay:好的建议是:FireBug。 – 2009-09-21 16:43:55

2

如果仍然不能得到那类重写风格来自其它地方,你也可以试试

text-align:right!important;

+0

好主意!我现在已经开始工作了。 你们是伟大的 – sdfor 2009-09-21 16:37:19

+1

另一件事 输入[type = text] { \t text-align:right; } .left { \t text-align:left!important; } input [type = text]正常工作。我读过它在IE中不起作用,但在IE7中似乎适用于我。 (我有一个圈养观众,不需要支持IE6)。而且由于我的绝大多数字段都是数字字段,因此我将其设为默认字段,并为少数字母字段添加左边的类。即使放在后面,左边的课也不会重写正确的样式,除非我使用!重要;如你所建议的。 我不知道为什么最后的风格没有覆盖第一个? – sdfor 2009-09-21 16:59:32