数据颜色属性不起作用

Question

我正在使用面板窗口处理更改字体颜色，以便用户可以选择他想要的颜色，但不能使用HTML代码

  <div class="style-chooser">
        <div class="style-chooser-inner">
            <a href="#" class="toggoler hide-icon">show-hide-button</a>
            <ul class="preset-list">
                <h4 class="">
                    Preset Color</h4>
                <li><a href="#" data-color="preset1">

                    <img src="../Assets/images/switcher/preset1.png" alt="Preset1" />
                    </a></li>
                <li><a href="#" data-color="preset2">
                    <img src="../Assets/images/switcher/preset2.png" alt="Preset2"></a></li>
                <li><a href="#" data-color="preset3">
                    <img src="../Assets/images/switcher/preset3.png" alt="Preset3" class=""></a></li>
                <li><a href="#" data-color="preset4">
                    <img src="../Assets/images/switcher/preset4.png" alt="Preset4"></a></li>
                <li><a href="#" data-color="preset5">
                    <img src="../Assets/images/switcher/preset5.png" alt="Preset5"></a></li>
                <li><a href="#" data-color="preset6">
                    <img src="../Assets/images/switcher/preset6.png" alt="Preset6"></a></li>
            </ul>
        </div>
    </div>

我已经在我的页面中实现了jquery，但它仍无法正常工作

我不知道为什么数据颜色不起作用？

这里的图片是我的意思更多细节

Answer 1

在html5中有一种输入类型颜色，这个代码适用于Chrome 在http://caniuse.com/input-color

检查此功能的支持

<input type="color" value="#008040">