我正在使用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>
?