经常我们会遇到要做一个选择颜色的ListBox的情况,下面通过使用一个html控件,如

<Select><\Select>

标签来实现ListBox功能,往往比使用

<asp:Listbox>

.更加方便和功能强大,比如在

<option></option>

标签内设置CSS style.

第一步:把一个普通的

<Select><\Select>

标签转换成服务器端控件,只需要在

<Select><\Select> 

标签里面加上runat="server",如:

<select id="top5" name="top5" size="3" runat="server">
     <option>Tom Waits</option>
     <option>Nina Hagen</option>
     <option>Marianne Rosenberg</option>
    </select>

第二步:在代码页定义top5控件,

protected System.Web.UI.HtmlControls.HtmlSelect top5;

第三步:在代码页设置CSS style

top5.Items[0].Attributes.CssStyle.Add("Color","Red");
top5.Items[1].Attributes.CssStyle.Add("background", "blue");

第四步:最后在html代码里面的结果

<select name="top5" id="top5" size="3">
 <option value="Tom Waits" style="Color:Red;">Tom Waits</option>
 <option value="Nina Hagen" style="background:blue;">Nina Hagen</option>
 <option value="Marianne Rosenberg">Marianne Rosenberg</option>
</select>

转载于:https://www.cnblogs.com/hzuIT/articles/924723.html

如何制作一个有颜色的ListBox,颜色选择下拉列表相关推荐

  1. 创建一个显示所有预定义WPF颜色的ListBox

    原文 Creating a ListBox that Shows All Predefined WPF Colors 在WPF中,您可以使用Colors类访问一系列预定义颜色,这些颜色定义为Color ...

  2. C#制作一个图片查看器,具有滚轮放大缩小,鼠标拖动,图像像素化,显示颜色RGB信息功能

    目录 前言 一.界面设计 二.关键技术 1.把图片拖入到窗体并显示 2.实现图像缩放的功能 3.实现图像的移动效果 4.实时显示当前鼠标处的RGB值 5. 右击功能的实现 6.效果展示 总结 前言 使 ...

  3. python画图颜色代码_关于matplotlib:Python:制作从红色到蓝色的颜色条

    我要绘制一系列线(目前总共60条线),以绘制到同一图中以显示某个过程的时间演变.当前已绘制线,因此最早的时间步长以100%红色绘制,最新的时间步长以100%蓝色绘制,中间的时间步长根据时间分别为红色和 ...

  4. 一个TextView使用不同的颜色

    一个TextView使用不同的颜色: textview中首先需要已经有内容了 public static void ColorFormatTextView(TextView tv,int color, ...

  5. 【java】创建一个Frame,字体的颜色可以用按钮改变

    创建一个Frame,字体的颜色可以用按钮改变 package p1;import javax.swing.*; import java.awt.event.*; import java.awt.*;/ ...

  6. 【java】创建一个JFrame,可以使得一个字符串用按钮进行颜色的选择

    创建一个JFrame,可以使得一个字符串用按钮进行颜色的选择 package p1;import java.awt.event.*; import java.awt.*; import java.aw ...

  7. 如何利用canvas画一个圆,并且填充颜色

    如何利用canvas画一个圆,并且填充颜色(小白专用,大佬勿看) canvas基础 相信在此之前,你对canvas已经有一定的了解了,接下来我将介绍,如何利用canvas画一个圆. 1.新建一个htm ...

  8. 创建一个简单的应用程序窗口,显示“欲穷千里目 更上一层楼”。这一行文字从窗口中向左滚动显示,而且每显示一轮,改变一次颜色,改变一次字体,一个周期为4种颜色,分别为红、绿、黄、蓝,四种字体分别为宋体、楷

    创建一个简单的应用程序窗口,显示"欲穷千里目 更上一层楼".这一行文字从窗口中向左滚动显示,而且每显示一轮,改变一次颜色,改变一次字体,一个周期为4种颜色,分别为红.绿.黄.蓝,四 ...

  9. Echarts的使用之制作红黑榜柱形图(前后三名柱体颜色、数据颜色不一致)

    要求实现效果: 在一次项目中,有个管理仪表盘页需要制作,所以就选择了使用echarts来显示数据, 第一次用的时候很好用诶!!还觉得有点神奇!哈哈哈哈 土白就是我叭(又土有小白,我就是代言人!) 在制 ...

最新文章

  1. 清华大学计算机系71班张晨,“神仙打架”要来了!网友:又到了凡人围观的时刻...
  2. leetcode 423. Reconstruct Original Digits from English | 423. 从英文中重建数字(Java)
  3. 敏捷宣言和背后的原则 (Agile Manifesto and the principles behind)
  4. 微信官方都辟谣,可真有技术人用 AI、大数据实现头像添加圣诞帽了!
  5. [C++][基础]8_容器
  6. 易语言-MD5加密16位和32位方法
  7. JavaIO基础学习笔记
  8. cannot spawn XXX\bin\TortoiseGitPlink.exe: No such file or directory
  9. LeetCode-Sum Root to Leaf Numbers
  10. 远控免杀专题10--TheFatRat免杀
  11. Gram 矩阵及其主要性质
  12. 2013北理机试-中缀转前缀
  13. Could not load codec 'Lucene54'. Did you forget to add lucene-backward-codecs.jar?
  14. 关于word无法创建工作文件,请检查临时环境变量(本人已解决)
  15. 前端使用UtoVR Player全景视频播放器实现360°C全景VR视频
  16. apicloud访问mysql_APICloud db组件
  17. NPP++去除文本中的重复行
  18. 学习线程安全队列ConcurrentQueue
  19. 云服务器多个项目同时迁移至另一台服务器(阿里腾讯共享镜像用法)
  20. python已知两边求第三边_已知两边求第三边公式

热门文章

  1. 计算机等级ms答题演示,计算机等级一级MS Office考试考题:第六套演示文稿题
  2. win11原版iso如何安装 Windows11原版iso安装步骤方法
  3. elementui展示多张图片_Element-ui实现合并多图上传(一次请求多张图片)
  4. 金字塔c_C/C++编程笔记:C语言入门题之正倒金字塔,正反三角形代码详解
  5. android listview 预加载动画,Android - 使用预加载的数据库填充ListView
  6. JavaScript中函数的使用(源码解析)
  7. 过滤器、监听器常见应用(源码解析)
  8. 用python建云盘_实用的Python(3)超简单!基于Python搭建个人“云盘”
  9. OpenCV 文本显示 putText 和 getTextSize
  10. 在虚拟机环境(CentOS7系统)下将kubernetes中部署服务成功,但在虚拟机外部无法访问到服务...