Meta Reference

Style

编辑此页面

Style 是一个组件，用于将 style 元素添加到文档的 head 中。

import { Style } from "@solidjs/meta";


<Style>
  {`
    body {
      background-color: #000;
    }
  `}
</Style>;

使用方法

添加 style 标签

Style 组件可以添加 CSS 来为应用程序中的元素设置样式。 然而，建议将样式添加到外部样式表中并使用 Link 组件，而不是使用这个组件。

import { MetaProvider, Style } from "@solidjs/meta";


export default function Root() {
  return (
    <MetaProvider>
      <Style>{`
          p {
            color: #26b72b;
          }
        `}</Style>
    </MetaProvider>
  );
}
报告此页面问题