Question

我正在尝试找到一种方法来使用一些CSS设置默认WP-login小部件的样式。但问题是，无论我使用的选择器或类，我最终只有0效果。

我的目标是移除顶部，左侧和右侧的边框;因此只留下底部（如下划线），并将3个字段与对方（用户名，密码，登录）内联。

任何人都知道可以做些什么？

指向相关网站的链接：dev.melliandshayne.com

登录位置：目前我将其设置为页脚，以便于查找。不过，我会在页面中间某处找到它。

当前主题：Ronneby Wordpress主题

非常感谢!!

Answer 1

使用firebug或某种代码检查器检查元素，然后您将能够看到应用于元素的类/ ID。

.widget.widget_crum_login form p.login-submit .button,
.widget.widget_crum_login form p.login-password input[type=password],
.widget.widget_crum_login form p.login-username input[type=text]{
  border: none;
  border-bottom: 1px solid #e0e0e0;
}
.widget.widget_crum_login form p.login-submit {
  width: 100%;
}

这将根据要求将它们并排排列......

p.login-submit, p.login-username, p.login-password {
    float: left;
    padding: 0 1em;
    width: 33% !important;
}
.widget.widget_crum_login form p.login-submit .button, .widget.widget_crum_login form p.login-password input[type="password"], .widget.widget_crum_login form p.login-username input[type="text"] {
    width: 100%;
}
.login-lost-password,
.login-remember {
    clear: left;
    text-align: center;
}

样式Wordpress LOGIN小部件

1 个答案: