0

我正在使用 Spectrum Colorpicker，这是一个非常棒的 javascript 插件。它与 Chrome、FF 和 IE 11 完美配合。但是当我切换到 IE 10 及更早版本时，input='text' 元素停止显示它们美丽的皮肤。

标题：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" language="javascript" src="../../includes/spectrum.js"></script>
<link type="text/css" rel='stylesheet' href="../../includes/spectrum.css" />

html代码：

<tr><td>
    Main Color
</td>
<td>
    <input type='text' id="CP_mainColor" />
</td>

<td>
    Sub Color
</td>
<td>
    <input type='text' id="CP_subColor" />
</td>

对于 jQuery，我删掉了一些代码，因为它太长了。

$(document).ready(function () {

//Main Color
        $("#CP_mainColor").spectrum({
            chooseText: "Choose",
            cancelText: "Cancel",
            color: main_color,
            showInput: true,
            change: function (color) {

                // remove # from color hex
                var hfHexString = color.toHexString().replace("#", "");

                //Assign on hfHeaderFontColor
                console.log("hfMainColor value assigned :" + hfHexString);
            }
        });
        //Sub Color
        $("#CP_subColor").spectrum({
            chooseText: "Choose",
            cancelText: "Cancel",
            color: sub_color,
            showInput: true,
            change: function (color) {

                // remove # from color hex 
                var hfHexString = color.toHexString().replace("#", "");

                //Assign on hfHeaderFontColor
                console.log("hfSubColor value assigned :" + hfHexString);
            }
        });
});
4

0 回答 0