从 Telerik 控件中删除所有 CSS

Posted 2023-03-06

【中文标题】从 Telerik 控件中删除所有 CSS

【英文标题】：Removing all CSS from telerik controls

【发布时间】：2010-12-18 07:46:05

【问题描述】：

我正在使用 Telerik RadControls for ASP.NET，想知道是否有任何方法可以关闭/停止随控件自动下载的 CSS。

我不想删除任何应用于 Telerik html 元素的类名，我只想要一个干净的石板，以便我可以完全按照我想要的方式设置它们的样式。

我问的原因是我正在尝试为我的网站应用一个用于视力受损的人的字体放大器。我可以使用以下内容覆盖当前样式：

html body .RadInput_Default .riTextBox, div.RadComboBox_Default input.rcbInput 
  font-size: 0.9em !important;
  height: 1.4em !important;
  line-height: 1.3em !important;
  width: 6em !important;

我必须写 !important 来覆盖随 .axd 文件而出现的样式，taht 随 Telerik 控件出现。但问题在于，如果我尝试放大字体（我使用 javascript 来增加 ems 中字体的默认大小），Telerik 控件的字体大小始终保持在 0.9em。

有什么想法吗？

感谢您的宝贵时间

【参考方案1】：

每个telerik控件都有：

EnableEmbeddedSkins

启用EmbeddedBaseStylesheet

将这两个设置为 false 将禁用 Telerik 的所有嵌入式样式表。

不过是一个快速警告 - 一些控件，例如除非您自己添加必要的样式，否则如果没有一些内置的 CSS，面板栏将无法工作（子元素的展开/折叠将不起作用），因此请小心操作。

更多信息可以在这里找到：

Disabling embedded resources - 尤其是标题为“禁用嵌入式皮肤”的部分。

【讨论】：

谢谢罗伯特！我在 Telerik 论坛上发布了同样的问题并得到了完全相同的答案。我现在只使用我自己的样式就成功地重新创建了 DatePicker、Calendar 和 CombBox 的样式——并且在使用字体放大器时它们会变大！要注意的另一件事（对于面临此问题的任何其他人）是摆脱为高度和宽度呈现的内联样式（这些也以像素为单位）使用相关控件上的宽度和高度属性.同样，为了应对字体放大器，我将它们设置在 em 中，它们可以正常工作。

对我来说在标记中设置属性不起作用，但在 web.config 中设置它们是完美的