如何重命名自定义HTML颜色选择器的「Other...」为「Custom Color」

针对你使用的这类基于jQuery的颜色选择器插件（类似示例中的实现），可以用两种方法修改文本：

• 初始化时直接配置
  在初始化插件时，通过指定参数自定义按钮文本，代码示例如下：

  $('.colorpicker').colorpicker({
    customText: 'Custom Color'
  });
  

  注：不同插件的参数名称可能有差异，需对应插件文档调整参数。

• 初始化后修改DOM元素文本
  插件渲染完成后，直接定位到显示“Other...”的按钮元素，修改其文本内容：

  // 假设插件生成的按钮类名为colorpicker-custom，执行以下代码修改文本
  $('.colorpicker-custom').text('Custom Color');
  

如果使用的是原生<input type="color">控件需要注意：原生控件的“自定义颜色”按钮文本是浏览器内置的，无法通过HTML/CSS/JavaScript直接修改，不同浏览器的显示文本也存在差异，这种场景下只能通过完全自定义颜色选择器组件来实现文本修改。

内容的提问来源于stack exchange，提问作者johnbumble