0

我在我的网页中添加了一个 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 中删除了 policeprofileachievement 并添加了这个（许多人推荐）

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

}

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

有没有其他方法可以调整我的文本框大小？

问候

4

7 回答 7

2 
.txtbox
{
    position:absolute;
    margin-top:250%;
    left:0%;
    width:150px;
}
于 2013-08-26T08:44:18.497 回答
1 
  #txtAchievement{
 position:absolute;
margin-top:250%;
left:0%;
width:150px;
 }
于 2013-08-26T04:37:59.517 回答
1

为什么不简单地创建一个 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>

这也将允许您向其他文本框添加相同的样式，并以最小的努力为网页创建恒定的外观和感觉

确保您没有在 cssclass 中的文本框中写入一些内联规则...因为您的内联规则将覆盖类中的规则。

于 2013-08-26T05:41:14.567 回答
0

CSS 是级联样式表的意思。因此，您的 css 代码块呈现第二个，但您编写的文本框已经有一个宽度组件，它将被您编写的 css '级联'。删除 css width 属性，您的代码应该可以工作。

使用您当前的代码尝试将宽度设置为 150 像素以下。这可能会奏效。

于 2013-08-26T05:48:28.100 回答
0

CSS选择器的#policeprofileachievement[type="text"]意思是“一个ID为policeprofileachievement and的标签type=text”，它什么都不选择，因为tdwithid=policeprofileachievement没有type属性。

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

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

#policeprofileachievement input[type="text"]
于 2013-08-26T04:35:19.093 回答
0

尝试这个：

在#policeprofileachievement 和 [type="text"] 之间放置空格

表示#policeprofileachievement 中所有 [type="text"] 的样式

#policeprofileachievement [type="text"] {

    position:absolute;
    top:250%;
    left:0%;
    width:150px;
}
于 2013-08-26T04:37:08.597 回答
-1

试试这个。它应该工作..对我来说它工作..

.aspx

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

CSS

<style>
    #txtAchievement
    {
        width:50px;
    }
</style>
于 2013-08-26T06:00:28.037 回答