【问题标题】:How to adjust style React Calendar如何调整样式 React 日历
【发布时间】:2021-02-12 13:30:20
【问题描述】:
npm install react-calendar
import 'react-calendar/dist/Calendar.css';

我刚刚使用上述方法安装了 react-calendar 包。我想知道如何调整这个日历的 CSS,例如增加宽度或高度?我已经导入了 react-calendar css。

【问题讨论】:

    标签: css reactjs react-native


    【解决方案1】:

    您可以复制 Calendar.css 文件并将您的编辑添加到其中,然后使用它而不是原始文件。或者使用覆盖样式创建其他 CSS 文件。

    【讨论】:

    • 我也是这么想的,但是在本地文件夹中搜索时找不到文件?
    • 使用 className 属性并覆盖样式
    • @micky22 查看 node_modules
    【解决方案2】:

    只需使用浏览器中的开发人员工具并检查/选择要设置样式的元素即可。基于 css 类,您可以应用自己的自定义样式。

    默认样式在react-calendar/dist/Calendar.css(或相应的.less 文件)中可用。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-03-05
      • 1970-01-01
      • 1970-01-01
      • 2019-07-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多