时间戳

首页 > 解决方案 > 允许用户选择颜色

javascript - 允许用户选择颜色

问题描述

我有一个页面，用户在其中输入 twitch 用户名。然后，它使用带有人员抽搐详细信息（姓名、在线或离线等）的 javascript 创建一个 iframe，然后他们可以在自己的网站上使用此 iframe。

但是，框架的样式由 CSS 文件确定。我想要的是用户使用颜色选择器来选择背景和字体颜色，这样他们就可以让 iframe 匹配他们自己的网站主题。

我该怎么办？我不想编辑 CSS 文件，因为这将为在其网站上使用 iframe 的每个人更改它。

我看过一个网站，他们专门为所选颜色创建了一个目录，例如 www.mysite.com/01234/098766/username。但不知道这是如何实现的。

标签： javascripthtmlcss

解决方案

您可以使用输入颜色选择器

function colorSelected (element) {
    document.body.style.background = element.value
}
<div>
  Pick a color <input onchange="colorSelected(this)" type="color">
</div>

推荐阅读