ASP.net文本框居中的文本

时间:2017-12-20 20:21:10

标签: c# css asp.net

我有一个使用CSS样式的asp.net表单。我试图通过asp表单后面的代码将字符串输入到文本框中。

问题:进入任何asp.net文本框的所有文本都居中并在一行中Figure 1

尝试 解决方案:在我的CSS表单中创建了一个类,并更改了边距和对齐方式。用类

包围div中的文本框

问题:如何恢复CSS以使所有ASP.NET文本框恢复正常

2 个答案:

答案 0 :(得分:0)

如果将class属性添加到表单元素,则给定的样式适用于该表单元素中的所有元素。

如果你只想为一个元素应用样式,而不是这样做,而不是为元素添加id属性并给出样式。

例如:

 .form {
    text-align: center;
}

以上代码适用于所有元素的中心文本。

<input id="txtBxId " value="Hello World!"/>
    #txtBxId {
        text-align: center;
        color: red;
    }

但如果您喜欢这样,它将适用于单个元素

答案 1 :(得分:0)

您可以通过两种方式在居中文本中使用文本框: 1)标记

<center>
    <asp:TextBox ID='text'> 
</center>

2)输入:

<html>
<style>
    #txtBxId {
        text-align: center;
        color: red;
    }
</style>
<body>
<input id="txtBxId " value="Hello World!"/>
</body>
</html>