Question

我在我的网页中添加了一个asp.net文本框，并用css覆盖它，如下所示

<tr>           
   <td id="policeprofileachievement" colspan="2" align="center">
            <b>Achievement :
            <asp:TextBox ID="txtAchievement" runat="server" ReadOnly="True" TextMode="MultiLine"></asp:TextBox>
            <br />
   </td>
</tr>

在我的源代码中，我添加了文本框的宽度。但在我的CSS中，我添加了这个，但它没有调整我的文本框宽度

#policeprofileachievement [type="text"] {

    position:absolute;
    margin-top:250%;
    left:0%;
    width:150px;
}

和/或

我从我的CSS中删除了警察的错误行为，并添加了这个（许多人推荐）

#txtAchievement{
 position:absolute;
 margin-top:250%;
 left:0%;
 width:150px;

}

但是我的文本框大小似乎没有任何变化

还有其他方法可以调整文本框大小吗？

此致

Answer 1

.txtbox
{
    position:absolute;
    margin-top:250%;
    left:0%;
    width:150px;
}

Answer 2

  #txtAchievement{
 position:absolute;
margin-top:250%;
left:0%;
width:150px;
 }

Answer 3

为什么不简单地创建一个css类并将其添加到文本框的cssclass属性中，就像这样..

.tb_style
{
    position:absolute;
    margin-top:250%;
    left:0%;
    width:150px;
}

然后将它添加到您的文本框中

<asp:TextBox ID="txtAchievement" runat="server" ReadOnly="True" TextMode="MultiLine" Height="150px" Width="500px" CssClass="tb_style"></asp:TextBox>

这也允许您将相同的样式添加到其他TextBox，并以最小的努力为网页创建一个持续的外观

请确保你没有在cssclass中的文本框中编写内联规则... cuz你的内联规则将覆盖类中的规则。

Answer 4

CSS选择器#policeprofileachievement[type="text"]表示“具有ID policeprofileachievement和type=text的标记”，它不会选择任何内容，因为td id=policeprofileachievement没有type属性

您可以使用#txtAchievement选择文本框，因为它有id（无需指定[type="text"]）。

或者，如果由于某种原因您需要在text下选择多个policeprofileachievement输入字段，则可以

#policeprofileachievement input[type="text"]

Answer 5

试试这个：

在#policeprofileachievement和[type =“text”]之间加上空格

表示#policeprofileachievement中内部所有[type =“text”]的样式

#policeprofileachievement [type="text"] {

    position:absolute;
    top:250%;
    left:0%;
    width:150px;
}

Answer 6

CSS表示级联样式表。所以你的css代码块会呈现第二个，但你编写的文本框已经有一个宽度组件，它将被你编写的css“级联”。删除css width属性，您的代码应该工作。

使用您现有的代码尝试将宽度设置为低于150px。这可能有用。

Answer 7

试试这个。它应该工作......对我而言......

<强>的.aspx

 <asp:TextBox ID="txtAchievement" runat="server" ReadOnly="True" TextMode="MultiLine">  </asp:TextBox>

<强> CSS

<style>
    #txtAchievement
    {
        width:50px;
    }
</style>

如何在css中更改文本框的宽度？

7 个答案: