Css 如何在Onsen UI中设置本机DOM元素的样式？

我在覆盖Onsen UI中的默认样式时遇到问题

这是因为本机选择器具有更高的特异性，例如，如果我有

h1 { color: red; }

这被当地人淹没了

.page h1 { color: green; } /* dummy example */

…这让我开始编写冗长的tedius CSS选择器

---

使用Onsen组件（即开始于

的元素），我可以通过在onsenui.css文件的底部添加我自己的样式来进行一些更改

例如

要更改具有id=“login”的ons页面的背景色，我设置如下：

#login .page__background {
    background-color: #cfebdc;
}

要创建徽标类，请执行以下操作：

.home-logo {
    display: block;
    margin: 10% auto;
    width: 60%;
}

此外，您可以像这样“创建”自己的修改器（附加到onsen-css-components.css文件）：

并将其用作修改器：

<ons-input modifier="mymod" type="password" placeholder="Your password"></ons-input>



这对我很有效。希望这能给你一个更好的主意。
您可以在
上阅读有关ons元素编译的更多信息。我可以通过在onsenui.css文件底部添加我自己的样式来进行一些更改

例如

要更改具有id=“login”的ons页面的背景色，我设置如下：

#login .page__background {
    background-color: #cfebdc;
}

要创建徽标类，请执行以下操作：

.home-logo {
    display: block;
    margin: 10% auto;
    width: 60%;
}

此外，您可以像这样“创建”自己的修改器（附加到onsen-css-components.css文件）：

并将其用作修改器：

<ons-input modifier="mymod" type="password" placeholder="Your password"></ons-input>



这对我很有效。希望这能给你一个更好的主意。
您可以在