Question

我在样式表中设置了按钮填充，这适用于我的XP机器。但当我将它移动到2003服务器时，Text和按钮边框之间的填充非常大。

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <table cellpadding="0" cellspacing="0" style="margin-left: 15px;">
                <tr class="TableHeader">
                    <td>
                        Computer Name
                    </td>
                    <td>
                        First Name
                    </td>
                    <td>
                        Last Name
                    </td>
                    <td rowspan="2" style="padding-left: 20px">
                        <asp:Button ID="btnSearch" runat="server" Text="Search for approved computers" OnClick="btnSearch_Click" />
                    </td>
                </tr>
                <tr>
                    <td style="padding-right: 10px">
                        <asp:TextBox ID="txtComp" runat="server" Width="120px" MaxLength="20"></asp:TextBox>
                    </td>
                    <td style="padding-right: 10px">
                        <asp:TextBox ID="txtFirst" runat="server" Width="120px" MaxLength="50"></asp:TextBox>
                    </td>
                    <td style="padding-right: 10px">
                        <asp:TextBox ID="txtLast" runat="server" Width="120px" MaxLength="50"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

CSS文件：

.TableHeader
{
    font-size: 12px; 
    color: #006400; 
    text-align: center;
}
.ButtonPadding
{
    padding: 2px 5px 2px 5px;
}

我使用IE 8开发人员工具检查按钮设置，它看起来很好，但实际显示不是。

Answer 1

我在样式表中看到.ButtonPadding，但它没有出现在您提供的HTML代码中的任何位置，因此它不起作用并不令人惊讶。

您需要在要应用的元素上指定class='ButtonPadding'。

Answer 2

我无法看到您为按钮设置了什么css。

<asp:Button ID="btnSearch" runat="server" Text="Search for approved computers" OnClick="btnSearch_Click" />

CssClass= "ButtonPadding" is missing

或者，如果您不想指定将自动应用的css，那么您的CSS应该看起来像......

  input[type=text], input[type=password]  {

padding: 2px 5px 2px 5px;
}

Answer 3

行。我想我弄清楚了，实际上是用谷歌搜索出来的。对于遇到相同问题的任何人，问题是IE的“兼容性视图”设置。一旦我关闭它，一切都显示就像预期的那样。

进一步搜索发现：support.microsoft.com/kb/956197现在我可以在IIS中设置它，无需担心更改组策略

按钮填充设置不起作用

3 个答案: