Javascript 允许用户选择颜色

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

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

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

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

我该怎么办

可以从js修改样式，或者您只需发送另一个css文件，该文件具有用户特定的颜色，可以覆盖另一个css文件：

 <link type="stylesheet" href="yourstyle.css" />
<style>
 * {
  color: #333 !important;
 }
</style>

我看过一个网站，他们为所选颜色创建了一个特定的目录，例如www.mysite.com/01234/098766/username

它们不是目录，那是路由。服务器获取请求的路径，将其拆分，并将部分作为参数。如何做到这一点取决于您的后端

我该怎么办

可以从js修改样式，或者您只需发送另一个css文件，该文件具有用户特定的颜色，可以覆盖另一个css文件：

 <link type="stylesheet" href="yourstyle.css" />
<style>
 * {
  color: #333 !important;
 }
</style>

我看过一个网站，他们为所选颜色创建了一个特定的目录，例如www.mysite.com/01234/098766/username

---

它们不是目录，那是路由。服务器获取请求的路径，将其拆分，并将部分作为参数。如何做到这一点取决于您的后端。

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

所选元素的函数{ document.body.style.background=element.value } 挑选颜色

---

可以使用输入颜色选择器

所选元素的函数{ document.body.style.background=element.value } 挑选颜色

---

我建议制作一个滚动菜单，并将滚动菜单中的每个选项链接到一个新的样式表。欢迎使用，克里斯。您会希望将用户的选择存储在某个位置，这样您就可以为每个用户创建一个css文件，然后在他们的颜色选择被做出/更新时写入该文件，但对于一些变量，更好的方法是将他们的选择存储在数据库中。如果不了解架构的细节，就很难给出具体的建议。我没有用户帐户。只有一个用于twitch用户名的文本框和两个用于背景和字体颜色的颜色选择器。然后在另一个页面www.test.com/twitch/？username=USERNAMEHERE上运行javascript…iFrame中引用的就是这个页面。我建议创建一个滚动菜单，并将滚动菜单中的每个选项链接到一个新的样式表。欢迎使用SO，Chris。您会希望将用户的选择存储在某个位置，这样您就可以为每个用户创建一个css文件，然后在他们的颜色选择被做出/更新时写入该文件，但对于一些变量，更好的方法是将他们的选择存储在数据库中。如果不了解架构的细节，就很难给出具体的建议。我没有用户帐户。只有一个用于twitch用户名的文本框和两个用于背景和字体颜色的颜色选择器。然后在另一个页面www.test.com/twitch/？username=USERNAMEHERE上运行javascript……iFrame中引用的就是这个页面。他要求用户选择一种颜色如果我通过JS修改了样式，这不会改变其他在其网站上使用iFrame的人的样式。如上所述，该网页包含一个用于twitch用户名的文本框和两个用于背景和字体颜色的颜色选择器。然后在另一个页面www.test.com/twitch/？username=USERNAMEHERE上运行javascript……iFrame中引用的就是这个页面。然后他们可以把iframe放到他们的网站上。路由选项会从URL中提取CSS数据吗？如果这是个愚蠢的问题，我很抱歉。这个项目是我一直在学习HTML、CSS和Javascript的东西。所以我才刚刚开始。他要求用户选择一种颜色，如果我通过JS修改了样式，这不会改变其他在他们网站上使用iFrame的人的样式。如上所述，该网页包含一个用于twitch用户名的文本框和两个用于背景和字体颜色的颜色选择器。然后在另一个页面www.test.com/twitch/？username=USERNAMEHERE上运行javascript……iFrame中引用的就是这个页面。然后他们可以把iframe放到他们的网站上。路由选项会从URL中提取CSS数据吗？如果这是个愚蠢的问题，我很抱歉。这个项目是我一直在学习HTML、CSS和Javascript的东西。所以我才刚刚开始。