有时我的文本框渲染时没有样式

Question

我有这个非常奇怪的问题。我有一些文本框的设置，其定义如下：

<table style="width: 100%; position: relative; top: -10px;">
                <tr>
                    <td style="font-size: 9pt; text-align: left;">
                        <asp:TextBox ID="multiHandle2_1_BoundControl" BackColor="Transparent" BorderStyle="None"
                            Font-Size="9pt" runat="server" Width="30" Text="25" /><span style="position: relative;
                                left: -11px;">DKK</span>
                    </td>
                    <td style="font-size: 9pt; text-align: right; float: right;">
                        <asp:TextBox ID="multiHandle2_2_BoundControl" runat="server" Width="30" BackColor="Transparent"
                            BorderStyle="None" Font-Size="9pt" /><span style="position: relative; left: -5px;">DKK</span>
                    </td>
                </tr>
            </table>

现在，这几乎在任何时候都有效。但是，我使用输出缓存，并且多次遇到我看到我的网站时 HTML 呈现错误的情况。让我们看看渲染的 HTML。

当它呈现错误时（大约 95％ 的情况下会发生），它只是删除我的文本框中的以下内容：

BackColor="Transparent" BorderStyle="None"
                                Font-Size="9pt" Width="30" Text="25"

这真的很奇怪，因为我可以看到这在大多数情况下都得到了完美的应用。

当它工作时，它会像这样呈现：

 <table style="width: 100%; position: relative; top: -10px;">
            <tr>
                <td style="font-size: 9pt; text-align: left;">
                    <input name="ctl00$ctl00$ContentPlaceHolder1$LeftSidebar$Filters1$multiHandle2_1_BoundControl" type="text" value="149" id="ContentPlaceHolder1_LeftSidebar_Filters1_multiHandle2_1_BoundControl" style="background-color:Transparent;border-style:None;font-size:9pt;width:30px;" /><span style="position: relative;
                            left: -11px;">DKK</span>
                </td>
                <td style="font-size: 9pt; text-align: right; float: right;">
                    <input name="ctl00$ctl00$ContentPlaceHolder1$LeftSidebar$Filters1$multiHandle2_2_BoundControl" type="text" value="249" id="ContentPlaceHolder1_LeftSidebar_Filters1_multiHandle2_2_BoundControl" style="background-color:Transparent;border-style:None;font-size:9pt;width:30px;" /><span style="position: relative; left: -5px;">DKK</span>
                </td>
            </tr>
        </table>

当它不工作时，它会像这样呈现（经常发生，但并不总是）。不同之处在于我输入的样式消失了。：

<table style="width: 100%; position: relative; top: -10px;">
            <tr>
                <td style="font-size: 9pt; text-align: left;">
                    <input name="ctl00$ctl00$ContentPlaceHolder1$LeftSidebar$Filters1$multiHandle2_1_BoundControl" type="text" value="13" id="ContentPlaceHolder1_LeftSidebar_Filters1_multiHandle2_1_BoundControl" /><span style="position: relative;
                            left: -11px;">DKK</span>
                </td>
                <td style="font-size: 9pt; text-align: right; float: right;">
                    <input name="ctl00$ctl00$ContentPlaceHolder1$LeftSidebar$Filters1$multiHandle2_2_BoundControl" type="text" value="249" id="ContentPlaceHolder1_LeftSidebar_Filters1_multiHandle2_2_BoundControl" /><span style="position: relative; left: -5px;">DKK</span>
                </td>
            </tr>

        </table>

SO... ASP.NET - 这是怎么回事？这非常烦人;-)

Answer 1

正如你所写的，这很奇怪，我确信“非常烦人”......我不知道为什么会发生这种情况，但你可以通过正确使用 css 来解决它。

无需在元素上编写样式，只需给它一个 class 并将该类的样式定义放入您的 css 文件中。