数据颜色属性不起作用

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">