Question

参考此Stackoverflow accepted answer

input {
    text-align:right;
}

<html>
    <head>
        <title>Blah</title>
        <style type="text/css">
        input { text-align:right; }
        </style>
    </head>
    <body>
        <input type="text" value="2">
    </body>
</html>

这种方法可以证明所有文本框的合理性。如何使用类将我想要的文本框与我不想要的文本框分开？

<STYLE>
        NumericInput
        {
            text-align:right;
        }
</STYLE>
       <asp:TextBox ID="txtRndRbtAmt" runat="server" CssClass="NumericInput" Enabled="False" Width="100px"></asp:TextBox>

这不起作用，除非我将textn括在一个DIV并将temericInput类分配给DIV。

DIV是否可以避免？

Answer 1

类选择器以.句点符号开头。

所以它应该是：

.NumericInput{
    text-align:right;
}

或者你可以写：

input.NumericInput{
    text-align:right;
}

Answer 2

你使用了错误的选择器。使用

.NumericInput {
  text-align:right;
}

（注意点）

右对齐使用类对齐文本

2 个答案: