jpicker默认颜色中的第4和第5列颜色不要在我的输入框中输入值

Posted 2023-05-08

【中文标题】jpicker默认颜色中的第4和第5列颜色不要在我的输入框中输入值

【英文标题】：jpicker the 4th and 5th column of colors in from the default colors do not put values in my input box

【发布时间】：2012-02-26 20:58:28

【问题描述】：

我正在使用 jpicker jquery 插件供用户选择颜色，我遇到的问题是，如果您从默认颜色的第 4 列或第 5 列中选择任何颜色，则该值不会显示在我的输入中盒子。任何其他值都可以。

这是我如何调用代码的 sn-p：

if($('#hexPicker').length) 
    $('#hexPicker').jPicker(
        window: 
            position: 
                y: 'center'
            
           
    );


<input type="text" name="color" class="small" id="hexPicker"  />

我创建了一个测试帐户供你们在开发服务器上使用，以便你们明白我的意思。我无法在其他任何地方重现此问题。

【问题讨论】：

#hexPicker 是什么元素？

binded 上的 digitalmagicpro.com/jPicker 示例完美运行？也许您可以发布您的 html 和其他相关内容？这个问题非常本地化，如果它是一个错误，您应该将其报告给项目。

@gideon 我已经更新了我的问题。

【参考方案1】：

它将输入框中的文本颜色更改为白色，使其不可见。如果您选择一种颜色并使用 firebug 或开发者工具，您会看到：

<input type="text" id="hexPicker" class="small" value="02140b" name="color" style="background-color: rgb(15, 86, 51); color: rgb(255, 255, 255);">

如果您使用 firebugs 编辑功能将“颜色”下末尾的值更改为 0,0,0，则会显示该值。见下文。

<input type="text" id="hexPicker" class="small" value="02140b" name="color" style="background-color: rgb(15, 86, 51); color: rgb(0, 0, 0);">

一个可能的解决方法是添加一些 jQuery，以便每当值更改时，您都可以手动将文本的颜色重置为黑色：

$('#hexPicker').change(function() 
     $('#hexPicker').css('color','rgb(0,0,0)');
);

【讨论】：

我没有意识到文本颜色正在改变。但主要问题是模板具有表单的背景图像，因此输入字段的背景颜色相同。现在我删除了该背景图像，输入字段的背景颜色是选择的颜色。