Fondo:
estoy construyendo un WordPress sitio con Elementor y me gustaría usar Javascript para modificar las propiedades de desplazamiento.
Que he hecho:
Según la respuesta en esta solución (Change: hover CSS properties with JavaScript), he podido hacer que mi código funcione en JSfiddle (https://jsfiddle.net/lindychen/hL60waqd/2/).
El problema:
Sin embargo, cuando importo este código a mi sitio de WordPress de la siguiente manera, el código no tiene ningún efecto en mi página. Así es como implemento el código en WordPress.
<script type="text/javascript">
if (localStorage.getItem('trackerxyz') === 'page_m') {
var css="button.elementor-button.elementor-size-sm:hover{ background-color: #cc3633; color: #ffffff } button.elementor-button.elementor-size-sm {background-color: rgba(204,54,51,0.86); #ffffff}";
var style = document.createElement('style');
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
document.getElementsByTagName('head')[0].appendChild(style);
}
</script>
¿Puede alguien decirme cómo resolver esto? Gracias.
.