Javascript 在CSS中为背景属性指定一个颜色为的变量

我正在尝试制作一个应用程序，用户可以更改按钮的背景颜色，然后将CSS代码从更改背景颜色的标签复制到缓冲区中。对于颜色选择器，我使用。我想我需要给background属性分配一个颜色变量，如下所示：background:；但是我找不到存储它的值，也不知道如何将它传递给变量。我的代码确实复制了CSS，但不是一些背景色，而是：.jscolor{valueElement:'valueInput'}

您的代码在这里：

   <?php $valueInput = ".jscolor{valueElement:'valueInput'}"; ?>

…做你让它做的事；您已将$valueInput设置为具有value.jscolor{valueElement:'valueInput'}的字符串

稍后，您将在标记中回显此变量，因为它的值设置为.jscolor{valueElement:'valueInput'}，所以您的代码实际上将打印出该字符串，而无需进一步处理它

您可以使用var_dump$variable检查为变量设置的值，此函数将告诉您设置的变量类型及其值。有关更多信息：

colorpicker.js在其网站上提供了一些示例，以帮助您了解如何使用它，更多详细信息如下：

---

此外，不能在同一页面上将变量从JavaScript传递到PHP。JavaScript是客户端代码，PHP是服务器端代码。更多详细信息：

您可以使用javascript中的regexp替换来完成。我使用CSS变量使regexp更可靠

函数copyToClipboardelement{ 让currentColor=$valueInput.val； 让currentStyle=$element.text； 让newStyle=currentStyle.replace'-placeholder'，+currentColor； var$temp=$； $body.append$temp； $temp.valnewStyle.select； 文件副本； $temp.remove； } 按钮控制{ 颜色：fff！重要； 文本转换：大写； 文字装饰：无； 背景色：-占位符； 填充：10px； 边界半径：5px； 显示：内联块； 边界：无； 转换：所有0.4s到0； 左边距：10px； } 按钮控制：悬停{ 背景：4343； 字母间距：1px； 盒影：5px40px-10pxRGBA0,0,0,0.57； 转换：所有0.4s到0； } 单击此处选择颜色 价值： 行动呼吁

---

复制CSW您需要PHP做什么？听起来像Javascript/CSS issuePHP和JS不同时运行；首先，PHP在服务器上运行一次。输出被发送到浏览器，JS在那里开始运行。您需要将其分解为以下几个部分：1获取样式规则的CSS代码2更改属性值3将结果复制到剪贴簿否我可以使用Javascript Too从Jscolor的文档中，您只需获取valueInput的值并执行所需操作，无需使用php。如果你想更改背景颜色，只需将此值设置为body background或你想要的元素Trasn，不，我可以更改背景，我不能复制css后处理，但它复制了太多代码，我只需要标签中的代码，用户可以将其放在他/她的站点上，与实际bgI中的标签相同的代码认为它也复制了stackoverflow样式的控制台。在你自己的网站上试用并检查。是的，现在它只复制正确的代码，而不是颜色。只有var btn bg；对这是一个CSS变量。它的值来自：root{-btn bg:COLOR；}谢谢，但是如何将实际颜色放在那里，我需要的就像：background:64E8ED；

   <?php $valueInput = ".jscolor{valueElement:'valueInput'}"; ?>