SilverStripe CMS 自定义 css

Question

当您通过 ->addExtraClass("my-class"); 将额外的 css class 设置到 CMSField 时，您可以编辑哪个 css 文件为这个新 css class 设置样式？

我现在看到的唯一方法是编辑 Framework 或 CMS 文件夹中的 css 个文件，我宁愿避免这样做。

是否可以将 link 添加到 CMS 区域中的自定义 css 样式表，我可以在其中放置所有 css 代码？

Answer 1

您可以像这样添加代码...

    Requirements::customCSS('
        #Form_FilterForm .field {
            display:inline-block;
            width:31%
        }
    ');

...几乎任何地方都将包括在内。

如果这些必须在 head 标签中，那么...

    Requirements::insertHeadTags("
        <style>
            #Form_FilterForm .field {
                display:inline-block;
                width:31%
            }
        </style>
    ");

Answer 2

您可以通过将以下内容添加到 config.yml 文件来将自定义样式表加载到 CMS 中：

LeftAndMain:
  extra_requirements_css:
    - mysite/css/mystyle.css

SilverStripe CMS 自定义 css

SilverStripe CMS custom css

silverstripe