我正在为我的WordPress主题中的按钮创建一个自定义的Visual Composer (WordPress插件)元素。
我已经创建了颜色选择器字段，以便用户可以更改背景颜色/文本颜色/背景悬停颜色/文本悬停颜色等。
现在我面临的问题是，我究竟如何获得用户的选择，比如"按钮的悬停颜色"来更新CSS。
我明白，如果我在变量中有一个颜色，我可以这样做:
<div style="background: <?php echo $users_bg_color ?>">
但是我该如何为:hover &:最活跃的领域。显然，内联样式不能做到这一点，所以我需要动态更新CSS字段吗?我该怎么做呢?还是有其他更好的选择?
教我如何成为一个"大男孩"WordPress开发人员-拜托。_.
如果有人能在我困惑的时候给我指出正确的方向，我将永远感激。
感谢
我可能在这里思考不正确，但你想知道，一旦用户选择悬停，活动等，如何实际使该更改出现在网站上?如果您的意思是希望在选择颜色时立即显示这些更改，那么上面的注释是对的——这需要一些javascript。否则，你可以这样做…这是许多主题使用的方法，无论好坏:
在主题的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>
等等…实际的函数"get_field"可能是错误的，因为这是ACF使用的，但是您可以输入您编写的从页面构建器获取值的任何函数。
你不能只使用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>