覆盖wp-login.php样式

我有一个Wordpress CMS网站,大多数标签都需要是白色的。 因此主题包括每个表单标签的以下样式。

.login label { color: #fff; font-size: 14px; } 

上面的样式是在/wp-login.php文件中填充的 – 样式本身位于login.min.css中(直接包含在wp-login.php中)

我只需要覆盖忘记密码屏幕。

幸运的是,在这个例子中,我需要为两个标签设置自定义ID选择器。 #pass1 #pass2

我的问题是,我没有访问/wp-login.phplogin.min.css – 我尝试添加!important并在header.php声明这两个选择器,但它们没有被读取。

我需要以某种方式添加; 目前的许可情况。

#pass1 { color: #000 !important; }

 #pass2 { color: #000 !important; } 

我可以使用header.phpfooter.php jQuery来追加样式吗? 它会被阅读吗?

编辑任何wp核心文件不是最佳做法,所以我建议不要触摸wp-login.php,因为更新WordPress可以重置一些东西。

相反,将它添加到你的functions.php:

  // Custom login function custom_login() { $files = ''; echo $files; } add_action('login_head', 'custom_login'); 

由于登录和忘记密码屏幕不依赖于主题,因此您的header.php文件将不会被读取,因此您放入的任何样式都不会影响这些页面。

将其添加到template.php文件中

 function my_login_stylesheet() { wp_enqueue_style( 'custom-login', get_template_directory_uri() . '/style-login.css' ); } add_action( 'login_enqueue_scripts', 'my_login_stylesheet' ); 

然后将自定义样式添加到style-login.css

login_headlogin_enqueue_scripts是一个接一个地调用的 ,所以你使用哪一个并不重要……

使用wp_enqueue_style是最好的做法,但它可以是echo ''; 没有问题。

我正在添加一个解决方案,因为这不是你刚刚放到主题functions.php上的那种代码。 即使我们交换主题,我们也希望保持代码运行。 所以function插件很方便:

  .login label {}  CSS; echo $CSS; } add_action('login_head', 'custom_login'); 

检查以下内容以了解用于构建$CSS字符串的Heredoc sintax:在PHP中使用Heredoc有什么好处?