中间的asp net texbox文本样式

时间:2017-01-25 13:05:24

标签: css asp.net .net padding

我有这个用CSS自定义的文本框,出于某种原因,如果你输入大量文本,它会在中间断开,这意味着它不会使用整个"窗口"有什么问题?

ASPX:

<asp:TextBox ID="txtNotes" runat="server" ClientIDMode="Static" />

CSS:

#txtNotes {
    z-index: 999999;
    padding: 5px 240px;
    padding-left: 5px;
    padding-bottom: 30px;
}

enter image description here

3 个答案:

答案 0 :(得分:1)

您当前的css规则设置为在输入字段内右侧有240px填充。这意味着该字段必须始终在输入字段的文本和右边框之间具有240px的空间。这将阻止您的文本使用输入的整个宽度。

我可以建议删除右边的额外填充吗?

还请记住,填充左侧和填充底部不是必需的。 这个css规则会取代它们,但会得到相同的结果:

padding: 5px 240px 30px 5px;

顺序为:顶部 - 右侧 - 底部 - 左侧

请尝试使用以下内容替换您的css规则:

CSS:

#txtNotes {
    z-index: 999999;
    padding: 5px 5px 30px 5px;
}

答案 1 :(得分:0)

试试这个

#txtNotes {
        z-index: 999999;
        padding: 5px 5px 30px 5px;

    }

答案 2 :(得分:0)

我看起来你想要一个<textarea>而不是一个TextBox

<asp:TextBox ID="txtNotes" runat="server" TextMode="MultiLine" ClientIDMode="Static" />

<style>
    #txtNotes {
        width: 300px;
        height: 100px;
    }
</style>