css - asp net 文本框文本样式在中间

Question

我有这个用 CSS 自定义的文本框，出于某种原因，如果您键入大量文本，它会在中间中断，这意味着它没有使用整个“窗口”，这是什么问题？

ASPX:

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

CSS:

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

Answer 1

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

我可以建议删除右侧的额外填充吗？

另请记住，padding-left 和 padding-bottom 不是必需的。 此 css 规则将替换它们但给出相同的结果:

padding: 5px 240px 30px 5px;

顺序是:上 - 右 - 下 - 左

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

CSS:

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