猿问

jscolor 颜色选择器偏移

我目前正在使用 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;

}

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


噜噜哒
浏览 161回答 2
2回答

森林海

您必须将 jscolor 类的宽度设置为 100%,并将 sect-child 的宽度设置为 60 像素.jscolor {&nbsp; &nbsp; width: 100%;&nbsp;&nbsp; &nbsp; height: 13px;&nbsp; &nbsp; border: white;&nbsp; &nbsp; font-family: "umma";&nbsp; &nbsp; font-size: 10px;}
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答