将页面中的CSS(或页面元素)替换为按钮(Drupal)

Replace the CSS (Or Page Elements) in a page with a button (Drupal)

本文关键字:替换 按钮 Drupal 元素 CSS      更新时间:2023-09-26

我试图找出是否有一种方法可以替换drupal页面中的css,使用JavaScript/Jquery形式的按钮。

例如,当页面加载时,它将具有白色背景,带有黑色按钮和黑色文本,

但是在页面上将是一个按钮,当按下该按钮时,会将页面更改为黑色背景,带有白色按钮和白色文本,我想您可以说有点"反向"。

我在想是否有可能使用JavaScript或jQuery来做到这一点。

因此,从本质上讲,只需按一下按钮,它就会改变页面的外观(主要是框和文本的颜色(。

这与drupal没有任何关系。

您可以在单击按钮时将类添加到<body>标签中。然后根据这种样式设置嵌套的 html 元素样式。

 // using javascript
 document.body.className += " newClassName";
 // using jQuery
 $("body").addClass("newClassName");