Telerik Mvc 图表控制字体样式答案

【问题标题】：Telerik Mvc Chart Control Font StylingTelerik Mvc 图表控制字体样式
【发布时间】：2012-01-09 07:05:24
【问题描述】：

早安，

这是我第一次使用 Telerik MVC 图表控件，我发现很难更改图表轴的默认字体。我尽可能多地搜索互联网，但无法提出解决方案。

我目前正在 IE 9 上进行测试。

我使用开发者工具查看源代码和样式，我发现图表被分解为一个包含“svg”对象的 div 标签。在“svg”内部，图表 Y 轴上的项目有“文本”对象。单击任何“文本”项并在开发人员工具中选择“样式”，会显示一个名为“内联样式”的部分。字体样式在“内联样式”部分中指定，但我没有在项目的任何 CSS 文件中指定它。

如何使用 CSS 类更改“svg”的“文本”条目的字体？

我必须提到我没有指定任何主题。我的项目中包含的唯一 Telerik 文件是“telerik.common.min.css”、“telerik.default.min.css”和包含 JS 文件的 Scripts 文件夹。

在图表上使用“.HtmlAttributes(new { style = "font-family: Verdana; etc..." })" 来设置 font-family 或其他字体相关样式不起作用。

提前谢谢你。

【问题讨论】：

标签： c# css asp.net-mvc telerik-mvc

【解决方案1】：

内联样式意味着样式实际上是在元素标签上的 DOM 中。

除非您在样式后使用 !important 声明，否则您无法在外部 css 中真正定位它们。（据我所知）

例如

element svg {
font-size:16px !important;
}

【讨论】：