gpt4 book ai didi

javascript - jscolor 拾色器偏移

转载 作者:行者123 更新时间:2023-11-27 23:50:05 24 4
gpt4 key购买 nike

我目前正在使用 jscolor,但是当我在我的网页中显示选择器时,它的彩虹部分在选择器的其余部分内发生了偏移。这是我网站上颜色选择器的链接:(https://ibb.co/9N8dHXs)。

我的网站上有一个大 Canvas ,我正在使用 three.js 图形,我认为这可能与问题有关,但我不确定,即使我试图将 Canvas 拿走,我仍然有问题。

我已经尝试将颜色选择器放在 html 的所有部分,不同的容器中,但无论如何我仍然得到这个偏移量。

我的 html 片段:

<body>
<div id="container">
<div class="sidebar" id="sidebar">
<div class="controls" id="controls">
<div>
<h4 class="sect-head">BACKGROUND</h4>
<div class="sect-child">
Sky Color
<input class="jscolor" onchange="setRendererColor(this.jscolor)" value="FFE4A6">
</div>
</div>
</div>
</div>
</div>
</body>

我的 jscolor CSS:

.jscolor {
width: 60px;
height: 13px;
border: white;
font-family: "umma";
font-size: 10px;
}

其他一切都按预期工作,但我该如何解决这个图形问题?

最佳答案

您必须将 jscolor 类的宽度设置为 100%,并将 sect-child 的宽度设置为 60 像素

.jscolor {
width: 100%;
height: 13px;
border: white;
font-family: "umma";
font-size: 10px;
}

关于javascript - jscolor 拾色器偏移,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56591527/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com