如何设置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
像这里，颜色选择器只在点击按钮后打开。请帮帮我。谢谢！
共有3个答案
要防止单击，请使用onclick属性和类似的js：
html prettyprint-override">
<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>
-
问题内容： 这是我的HTML： 我想仅使用CSS将产品名称（即“ Product1”，“ Product2”等）加粗，并将其类别（即电子，体育等）斜体化。我发现一个老问题，提到无法使用HTML和CSS，但希望现在有解决方案。 问题答案： 只有少数样式属性可以应用于元素。 这是因为这种类型的元素是“已替换元素”的示例。它们与操作系统有关，不属于HTML /浏览器。无法通过设置样式。 有更换插件/库看
-
问题内容： 选择器的Vuetify组件是： 但是，当选择器处于活动状态时，会出现许多嵌套组件（在检查时），例如，下拉菜单本身。我将如何设计样式？对于“可见”的Vuetify组件v- select，我可以手动添加一个类，然后直接在CSS中设置其样式。但是，我无法对隐藏的组件执行此操作。 我尝试使用“.menu__content”检查类进行样式设置，但它似乎不起作用。 如何在CSS中手动设置这些组件的
-
颜色字段存储一个字符串作为其值，并存储一个字符串作为其文本。 它的值是格式为#rrggbb的字符串，而其文本也可以是格式为#rgb的字符串。 颜色字段 打开编辑器的颜色字段 压缩的颜色字段 新建 { "type": "example_colour", "message0": "colour: %1", "args0": [ { "type": "field_colo
-
用于颜色选择，支持多种格式。 基础用法 使用 v-model 与 Vue 实例中的一个变量进行双向绑定，绑定的变量需要是字符串类型。 <div class="block"> <span class="demonstration">有默认值</span> <el-color-picker v-model="color1"></el-color-picker> </div> <div clas
-
ColorPicker 颜色选择器 用于颜色选择，支持多种格式。 基础用法 :::demo 通过value属性控制当前显示的颜色。 render() { const color1 = '#20a0ff'; const color2 = null; return ( <div> <div className="block"> <span classNa
-
ColorPicker 颜色选择器 用于颜色选择，支持多种格式。 基础用法 使用 v-model 与 Vue 实例中的一个变量进行双向绑定，绑定的变量需要是字符串类型。 <div class="block"> <span class="demonstration">有默认值</span> <el-color-picker v-model="color1"></el-color-picker