光谱颜色选择器：显示原始输入字段答案

【问题标题】：Spectrum color picker: the original input field is showing光谱颜色选择器：显示原始输入字段
【发布时间】：2015-06-25 11:06:05
【问题描述】：

我正在使用以下代码：

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

当我点击颜色选择器时，原来的输入框也出现了：

我该如何解决？ TIA

【问题讨论】：

能否提供jsFiddle？
在这里工作正常：jsfiddle.net/p2qdmwre

标签： javascript jquery color-picker

【解决方案1】：

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

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

【讨论】：