完整日历字体大小

问题描述 投票:0回答:7

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

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

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

jquery fonts size fullcalendar font-size
7个回答
7
投票

供将来参考:

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

3
投票
  1. 在 FullCalendar 中添加“主题”设置。

    $('#calendar').fullCalendar({
      主题:真实
    });
    
  2. 通过编辑 FullCalendar 提供的 CSS 文件来添加自定义主题 CSS,http://arshaw.com/js/fullcalendar-1.6.1/demos/cupertino/theme.css

注意:演示在这里http://arshaw.com/js/fullcalendar-1.6.1/demos/theme.html


3
投票

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

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


2
投票

这是过去的一次爆炸,但我最初发现这个是为了寻找解决方案。

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

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

我使用 Opera Dragonfly 来查找元素类(CTRL+SHIFT+i -> 将鼠标悬停在元素上),但任何 DOM 检查器都应该这样做。


0
投票

尝试使用

!important
这是一个 CSS 规则来遵守该规则并忽略其他规则。

例如: 在 CSS 中:

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

在 jQuery 中:

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

0
投票

更改一般字体大小(fullcalendar.css),除了 Modals 、 addevent 和 edit event

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

-2
投票

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

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

它不会改变字体大小。

谢谢

© www.soinside.com 2019 - 2024. All rights reserved.