Modx登录颜色样式
Modx Login Color Style
我使用 modx revolution 2.4 已经有几个星期了,它的登录额外(插件)来管理页面权限。
一切正常,但登录表单的 html 输入标签中有一个黄色背景色,我的 css 样式表无法设置它的样式。
颜色也出现在常规的 modx 登录中,所以样式可能来自 modx 的优先样式表。
我尝试了以下方法:
- 搜索网络
- css 风格:
input{ background: #fff !important;}
- 寻找优先样式表
manager/templates/default/css/login.css 和
manager/templates/default/css/index.css
- 使用浏览器查找样式表->查看源代码
- 直接将样式添加到 html 输入标签
但运气不好。
登录表单的 html 代码如下所示:
<div class="loginForm">
<div class="loginMessage">[[+errors]]</div>
<div class="loginLogin">
<form class="loginLoginForm" action="[[~[[*id]]]]" method="post">
<fieldset class="loginLoginFieldset">
<legend class="loginLegend">[[+actionMsg]]</legend>
<label class="loginUsernameLabel">[[%login.username]]
<input class="loginUsername" type="text" name="username" />
</label>
<label class="loginPasswordLabel">[[%login.password]]
<input class="loginPassword" type="password" name="password" />
</label>
<input class="returnUrl" type="hidden" name="returnUrl" value="[[+request_uri]]"/>
[[+login.recaptcha_html]]
<input class="loginLoginValue" type="hidden" name="service" value="login"/>
<span class="loginLoginButton"><input type="submit" name="Login" value="[[+actionMsg]]" /></span>
</fieldset>
</form>
</div>
</div>
我的样式表的 css 代码部分如下所示:
input{
background: #fff !important;
color: #000;
font-size: 110%;
}
我使用 modx revolution 2.4 已经有几个星期了,它的登录额外(插件)来管理页面权限。 一切正常,但登录表单的 html 输入标签中有一个黄色背景色,我的 css 样式表无法设置它的样式。 颜色也出现在常规的 modx 登录中,所以样式可能来自 modx 的优先样式表。
我尝试了以下方法:
- 搜索网络
- css 风格:
input{ background: #fff !important;}
- 寻找优先样式表 manager/templates/default/css/login.css 和 manager/templates/default/css/index.css
- 使用浏览器查找样式表->查看源代码
- 直接将样式添加到 html 输入标签
但运气不好。
登录表单的 html 代码如下所示:
<div class="loginForm">
<div class="loginMessage">[[+errors]]</div>
<div class="loginLogin">
<form class="loginLoginForm" action="[[~[[*id]]]]" method="post">
<fieldset class="loginLoginFieldset">
<legend class="loginLegend">[[+actionMsg]]</legend>
<label class="loginUsernameLabel">[[%login.username]]
<input class="loginUsername" type="text" name="username" />
</label>
<label class="loginPasswordLabel">[[%login.password]]
<input class="loginPassword" type="password" name="password" />
</label>
<input class="returnUrl" type="hidden" name="returnUrl" value="[[+request_uri]]"/>
[[+login.recaptcha_html]]
<input class="loginLoginValue" type="hidden" name="service" value="login"/>
<span class="loginLoginButton"><input type="submit" name="Login" value="[[+actionMsg]]" /></span>
</fieldset>
</form>
</div>
</div>
我的样式表的 css 代码部分如下所示:
input{
background: #fff !important;
color: #000;
font-size: 110%;
}