为了账号安全,请及时绑定邮箱和手机立即绑定

jscolor 颜色选择器偏移

jscolor 颜色选择器偏移

噜噜哒 2021-06-29 13:00:17
我目前正在使用 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;

}


查看完整回答
反对 回复 2021-07-01
  • 2 回答
  • 0 关注
  • 160 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信