Question

我需要在ASP.NET Web窗体应用程序中为文本框控件设置填充，因为它们与浏览器上的Dropdownlist控件呈现的方式不一致。下拉列表在文本和边框之间有一些填充，文本框没有任何填充。

Visual Studio不为控件提供直接填充属性，因此尝试为文本框和下拉列表等控件设置/更改填充可能非常令人沮丧。经过大量的搜索，没有得到任何有用的解决方案，我能够做到这一点。见下面的答案。

Answer 1

我强烈建议你学习一些CSS，这样你就不会完全依赖visual studio提供的网页控件。在您的情况下，只需将“cssclass ='somestyle'”放入文本框控件中即可：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
        .padding {
            padding:.5em;
        }
    </style>
</head>

<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox runat="server" ID="txtDemo" CssClass="padding"></asp:TextBox>
    </div>
    </form>
</body>
</html>

Answer 2

答案在于控件的CssClass属性，如Auto-Style1，Auto-Style2等。

如果安装了Dreamweaver，则可以打开.aspx网络表单并选择并编辑CssClass规则。（在Dreamweaver页面下面的属性选项卡上选择Css选项卡）在这里，您可以设置填充规则（请参阅Css规则定义中的'框选项' - 取消选中'全部相同'以设置不同的左，上，下，右填充保存并返回Visual Studio加载已保存的页面并将控件的CssClass属性设置为已编辑的CssClass。（不要在Dreamweaver中为控件设置CssClass - 运行应用程序时可能会出错）我只编辑了填充规则，所以我不知道编辑其他CssClass规则的效果。

工作了！我的Textboxes有5px填充，现在它们与Dropdownlist填充（Chrome浏览器）一致。他们看起来很可爱！

希望这有助于某人。

Screen Shot Dreamweaver and Visual Studio

在ASP.NET中为Textbox控件设置填充

2 个答案: