webcomponents - 如何将外部css类应用于webcomponent

时间:2018-04-11 16:31:22

标签: css polymer web-component

我正在使用webcomponents-lite (Polymer)来创建webcomponents。

<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <link rel="stylesheet" href="styles.css">
    <script type="text/javascript" src="/static/js/util.js"></script>
</head>
<body class="dark">
    <main>
        <edsp-login-form></edsp-login-form>
    </main>
</body>
</html>

<edsp-login-form>在js文件中定义,它使用lit-html。定义如下:

@Define('edsp-login-form', {
  style: ``
})

export class Login extends LitComponent {
render() {
    return html`
    <link rel="import" type="css" href="styles.css">`
    <div></div>
  }
}

在此代码中,如何将styles.css的css类应用于组件<edsp-login-form>

0 个答案:

没有答案