jquery - fullCalendar 字体大小

Question

我在将日历字体大小设置为较小时遇到问题。

我更改了设置容器 div 字体大小，没有效果。

我还将 fullCalender.css 字体从 1em 更改为 0.5em 并更改为 px 大小，但日历文本保持不变。

score 6 · Accepted Answer

6

备查：

.fc-title{
    font-size: .9em;
}

于 2017-02-09T03:46:09.647 回答

score 3 · Accepted Answer

在 FullCalendar 中添加“主题”设置。

$('#calendar').fullCalendar({
  主题：真实
});

通过编辑 FullCalendar 提供的 CSS 文件添加您的自定义主题 CSS，http: //arshaw.com/js/fullcalendar-1.6.1/demos/cupertino/theme.css

score 3 · Accepted Answer

3

我可以用以下方法解决这个问题

::ng-deep body .fc {
  font-size: 12px;

于 2019-05-06T23:48:46.577 回答

score 2 · Accepted Answer

这是过去的爆炸，但我最初发现这是在寻找解决方案。

我只是想更改表格中元素的字体大小（日期标题、时间边栏）。以下对我有用：

th.ui-widget-header {
    font-size: 9pt;
    font-family: Verdana, Arial, Sans-Serif;
}

我使用歌剧蜻蜓来查找元素类（CTRL+SHIFT+i -> 悬停在元素上），但任何 DOM 检查器都应该这样做。

score 0 · Accepted Answer

尝试使用!important哪个 CSS 规则来遵守该规则并忽略其他规则。

例如：在 CSS 中：

.calendar{font-size: 12px !important:}

在 jQuery 中：

$('.calendar').css('font-size','12px !important');

score 0 · Accepted Answer

更改常规字体大小（fullcalendar.css），除了 Modals ， addevent 和 edit event

body .fc { 
   font-size: 1.5em;  <--- change here for general 
}

score -2 · Accepted Answer

我找到了原因，不确定为什么会导致问题，但是当我没有将文档类型声明为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

它不会改变字体大小。

谢谢

7 回答 7