我目前正在使用 jscolor,但是当我在我的网页中显示选择器时,它的彩虹部分在选择器的其余部分内偏移。这是我网站上颜色选择器外观的链接:(https://ibb.co/9N8dHXs)。我的网站上有一个大画布,我正在使用 Three.js 图形,我认为这可能与问题有关,但我不确定,即使当我尝试将画布拿走时,我仍然有问题。我尝试将颜色选择器放在 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;}其他一切都按预期工作,但如何解决此图形问题?
2 回答
森林海
TA贡献2011条经验 获得超2个赞
您必须将 jscolor 类的宽度设置为 100%,并将 sect-child 的宽度设置为 60 像素
.jscolor {
width: 100%;
height: 13px;
border: white;
font-family: "umma";
font-size: 10px;
}
添加回答
举报
0/150
提交
取消