已发布页面上的 Telerik 控件的样式问题答案

【问题标题】：Styling issue with a telerik control on published page已发布页面上的 Telerik 控件的样式问题
【发布时间】：2012-03-18 20:26:02
【问题描述】：

脱机调试时，我有一个正确显示的页面。但是，当查看已发布的页面时，所有 Telerik RadNumericTextBox 的样式都已关闭。通过造型 - 我的意思是定位。请看下面的截图：

框溢出滚动区域，因此根本不受滚动影响。

这些 RadNumericTextBox 是中继器主体的一部分：

          <td>
                    <telerik:RadNumericTextBox runat="server" ID="txtUnitPrice" Text='<%# Bind("UnitPrice") %>'>
                        <ClientEvents OnValueChanged="txtValueChanged" />
                    </telerik:RadNumericTextBox>
                </td>

如您所见，没有应用内联样式。但是，呈现以下内容（显然某种网络资源正在应用样式）：

<span class="riDisplay" id="ctl00_MainContent_Edit1_rptTasks_ctl03_txtQtyOrdered_display" style="width: 148px; text-align: left; color: #000; line-height: normal; padding-right: 5px; padding-left: 5px; font-family: "segoe ui",arial,sans-serif; font-size: 12px; border-right-width: 3px; border-left-width: 1px; display: inline;" _events="[object Object]">

有人能解释一下吗？离线和“在线”版本都在相同的浏览器模式下运行。

编辑：刚刚发生了一件非常奇怪的事情 - 我重新加载了页面，打开了开发者工具备份并查看了完全相同的元素，现在显示以下内容：

<span class="riDisplay" id="ctl00_MainContent_Edit1_rptTasks_ctl03_txtQtyOrdered_display" style="display: none;"/>

它仍然无法正确显示 - 但它以不同的方式呈现两次似乎很奇怪。

【问题讨论】：

标签： asp.net css telerik styling

【解决方案1】：

我对您使用的控件了解不多，但我会先尝试在您的 onValueChanged 事件周围包装一个函数。

<ClientEvents OnValueChanged="function(s,e){txtValueChanged();)" />

然后我会拿出 firebug（通过 firefox）并查看您的控件使用的样式，并确保它们先加载。需要查看哪些 CSS 类/样式才能获得更多帮助。

【讨论】：