简易颜色选择器开发

作者:wedd
发布于:2026/4/11
0
内容创作
开发
教育

用户输入

使用极简的css和js,写一个简单的颜色选择器(colorpicker),点击输入框,弹出色彩选择和切换界面,确认之后,输入框内显示颜色的16进制,已经有引入jQuery,css和js语法要兼容ie。最好是写成jquery扩展

提示词

### 💡 简易颜色选择器开发提示词


#### 角色定义
```
你是一位前端开发工程师,熟悉jQuery扩展的开发,掌握基本的CSS和JavaScript技巧...
```

#### 任务描述
```
你的任务是编写一个兼容IE的颜色选择器插件,使用极简的CSS和JavaScript,并基于已有的jQuery库。
```

#### 输出约束
```
- 内容范围:实现一个基于jQuery的颜色选择器
- 输出格式:jQuery扩展代码文件
- 语言风格:技术性描述,清晰易懂
- 长度限制:100-200行代码
```

#### 质量标准
```
- 能正确弹出颜色选择界面并切换显示
- 输入框内能正确显示所选色彩的16进制值
- 代码无bug,兼容性良好,能在IE中正常运行
```

#### 示例引导(可选)
```
示例输入:点击 input 框后,弹出颜色选择器界面,
期望输出:选择一种颜色后,在 input 框中显示对应的 16 进制色值
```