Javascript 使用PHP的动态CSS-Wordpress&；视觉合成按钮

我正在为我的WordPress主题中的按钮创建一个自定义的VisualComposer（WordPress插件）元素

我已经创建了colorpicker字段，以便用户可以更改背景颜色/文本颜色/背景悬停颜色/文本悬停颜色等

现在我面临的问题是，我究竟如何获得用户的选择，比如“按钮的悬停颜色”来更新CSS

我明白，如果变量中有颜色，我可以这样做：

<div style="background: <?php echo $users_bg_color ?>">

---

我在这里的想法可能不正确，但您是否想知道，一旦用户选择了hover、active等，如何在站点上实际显示该更改？如果您的意思是希望在选择颜色时立即显示这些更改，那么上面的注释是正确的——这可能是一些javascript。否则，你可以这样做。。这是许多主题使用的方法，无论好坏：

在theme的header.php中，创建如下代码块：

<style>
  .button{background-color: <?php echo get_field('button_bg_color'); }
  .button:hover{background-color: <?php echo get_field('button_bg_hover_color'); 
  .button:active{background-color: <?php echo get_field('button_bg_active_color'); }
</style>


.button{背景色：您不能仅使用CSS执行此操作，
试试这个

<div style="background: <?php echo $users_bg_color ?> " onmouseover="this.style.background='<?php echo $users_bg_color ?>'" onmouseout="this.style.background='<?php echo $users_hover_bg_color ?>'"> Sample text </div>

你需要使用javascript来获取值并更新相关元素。你也必须使用javascript。这完全可以通过javascript实现。一旦收到响应，DOM必须更改，你就不能用PHPThanks的家伙来实现这一点-非常有意义，干杯。谢谢Greg，这非常有意义。我想我所想的是为了省去一些麻烦，可能需要在主题选项中创建一个部分来选择全局按钮样式，并允许用户在整个网站上只为VisualComposer按钮选择这些颜色。我刚开始想，用不同的颜色更新按钮可能会让人头疼——也许有一种简单的方法可以附加一个uni但是请注意每一个按钮-但是，我。干杯，谢谢你的帮助。完全同意！这就是突出的（一个相当好的，受作曲家欢迎的主题）工作原理。祝你好运！