JSColor 不使用<i>元素?



我想使用 JScolor,但是当我按下一个元素时,我似乎无法让它工作,这有点违背了它的目的。有人有解决方案吗?

<div class='drag resizable'>
    <ul class='list-inline'>
        <li>
            <textarea class='resizable' type='text'></textarea>
        </li>
        <li>
            <div class='buttonDiv'>
                <i class='fa fa-paint-brush fa-lg color' id='rect' aria-hidden='true'></i>
                <br>
                <i class='fa fa-trash fa-lg delete' aria-hidden='true'></i>
            </div>
        </li>
    </ul>
</div>

这是一个完整的JSFiddle。

当您单击画笔时,它应该打开 JSColor 托盘,但它没有,对我来说它仅适用于输入元素。

https://jsfiddle.net/0vjf9cdz/4/

不能放过这个。在纠缠我,哈哈。

https://www.w3schools.com/tags/tag_i.asp

颜色属性在 元素上根本不受支持......

此示例工作正常

            <ul>
              <li>
              <button
                class="pincel fa-paint-brush jscolor {valueElement:null,value:'66ccff', styleElement:'rect'}"
               >icon here</button>
              </li>
            </ul>
            <p id="rect" style="border:1px solid gray; width:161px; height:100px;">
            </p>
            <script>
            function update(jscolor) {
                // 'jscolor' instance can be used as a string
                document.getElementById('rect').style.backgroundColor = '#' + jscolor
            }
            </script>a

这里的例子 https://jsfiddle.net/rollrodrig/judkgthd/1/

相关内容

  • 没有找到相关文章

最新更新