我找到了答案。

因此，单击“选择颜色”按钮时，无需使用wordpress api使颜色选择器框显示在另一个元素上。

只需将此css代码添加到插件/主题管理css文件：

.wp-picker-clear,
div.wp-picker-holder {
z-index: 999 !important;
position: absolute !important;
}

Here\'s the full documentation on Iris. 在那里，您可以看到，您可以为实际pallette显示在DOM元素中的位置设置一个“目标”。

以下是示例代码：

Your JS:

$(\'.color-picker\').iris({
target: \'#colorpickertarget\'
});

Your HTML

<form>
<input class="color-picker" type="text" />
<input type="submit"></form>
<div id="colorpickertarget"></div>