javascript - IE を 10 以前のバージョンに切り替えると、Spectum Colorpicker 入力 [type='text'] が機能しない

Question

私はかなり素晴らしい JavaScript プラグインである Spectrum Colorpicker を使用しています。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);
            }
        });
});