我想做一个颜色选择器,我知道在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
像这里,颜色选择器只在点击按钮后打开。请帮帮我。谢谢!
要防止单击,请使用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>