光谱颜色选择器:显示原始输入字段

时间:2015-06-25 11:06:06

标签: javascript jquery color-picker

我使用以下代码:

<script src="/js/spectrum.js" type="text/javascript"></script>
<link rel="stylesheet" href="/css/spectrum.css" />
<script type="text/javascript">

  jQuery(function() {
    var opts = {
        showInput: true,
        className: "full-spectrum",
        showInitial: true,
        showPalette: true,
        showSelectionPalette: true,
        maxSelectionSize: 20,
        preferredFormat: "hex"
    };
    jQuery( '#driverColor' ).spectrum( opts );
  } );

</script>
...
<input type="text" name="driverColor" value="#ff0000" id="driverColor" />

当我点击颜色选择器时,原始输入字段也出现了:

enter image description here

我该如何解决? TIA

1 个答案:

答案 0 :(得分:0)

这可能有点晚了但是,在较旧的rails应用程序(2.3.4)中,我能够通过在输入样式中添加宽度,高度,边框和填充来强制原始输入字段不显示例如:

<input id="your_id" name="your_field_name" type="text" style="width:0;height:0;padding:0;border:0;">