fullCalendar 字体大小

发布于 2024-08-27 15:40:40 字数 129 浏览 9 评论 0原文

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

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

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

I am having issues setting the calendar font sizes to be smaller.

I have changed setting a container div font size, no effect.

I have also changed the fullCalender.css font from 1em to 0.5em and to a px size but the calendar text stays the same.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

机场等船 2024-09-03 15:40:40

备查:

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

For future reference:

.fc-title{
    font-size: .9em;
}
画离情绘悲伤 2024-09-03 15:40:40
  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

  1. Add the 'theme' setting in FullCalendar.

    $('#calendar').fullCalendar({
      theme: true
    });
    
  2. Add your Custom themed CSS by editing the FullCalendar provided CSS file, http://arshaw.com/js/fullcalendar-1.6.1/demos/cupertino/theme.css

Note: Demo is here http://arshaw.com/js/fullcalendar-1.6.1/demos/theme.html

护你周全 2024-09-03 15:40:40

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

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

I could solve that problem with the following

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

情仇皆在手 2024-09-03 15:40:40

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

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

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

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

This is quite the blast from the past, but I originally found this looking for a solution.

I just wanted to change the font size of the elements in the table (date headers, time sidebar). The following worked for me:

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

I used opera dragonfly to find the element class (CTRL+SHIFT+i -> Hover over element), but any DOM inspector should do.

千寻… 2024-09-03 15:40:40

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

例如:
在 CSS 中:

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

在 jQuery 中:

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

try and use !important which is a CSS rule to obey that rule and ignore others.

e.g:
in CSS:

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

in jQuery:

$('.calendar').css('font-size','12px !important');
哥,最终变帅啦 2024-09-03 15:40:40

更改除 Modals 、 addevent 和 edit event 之外的常规字体大小 (fullcalendar.css)

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

Change general font size (fullcalendar.css) except Modals , addevent and edit event

body .fc { 
   font-size: 1.5em;  <--- change here for general 
}
峩卟喜欢 2024-09-03 15:40:40

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

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

它不会改变字体大小。

谢谢

I have found the cause, not sure why this is causing the issue but when I didn't declare the document type as

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

it wouldn't change the font size.

Thanks

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文