提问者:小点点

如何设置HTML颜色选择器的样式?


我想做一个颜色选择器,我知道在HTML输入中type=“color”是一个现成的颜色选择器。但我也想样式我的颜色选择器,而且它不应该是一个按钮,它应该是打开的每一次。

null

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Color Picker</title>
</head>
<body>
      <input type="color">
</body>
</html>

null

像这里,颜色选择器只在点击按钮后打开。请帮帮我。谢谢!


共1个答案

匿名用户

要防止单击,请使用onclick属性和类似的js:



       
<input type="color" id="colorpicker" onclick="return false;" />

<br />

<button type="button" onclick="document.getElementById('colorpicker').onclick = null;">Enable!</button>

<button type="button" onclick="document.getElementById('colorpicker').onclick = () => {return false;};">Disable!</button>

相关问题