更改“多选”下拉框中所选项目的背景颜色? [复制]

2023-11-27

我想为多选下拉框中的所选项目赋予黄色。选择后默认背景是灰色的, 如何执行此操作HTML, CSS.

这个问题是关于多选但对于单选请参考(相关但不重复):如何将背景颜色应用于选定的选项?


我们可以简单地借助以下 CSS 来完成:

select option:checked{
  background: #1aab8e -webkit-linear-gradient(bottom, #1aab8e 0%, #1aab8e 100%);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

更改“多选”下拉框中所选项目的背景颜色? [复制] 的相关文章

  • 移动浏览器上带有阴影模糊的 SVG

    我正在努力在尽可能多的平台上制作带有阴影的 SVG 图标 我为此使用以下简单的 CSS test width 14px height 14px background image url images test svg background
  • 更改输入(复选框)上的蓝色发光(引导程序 4)

    我知道这个问题被问了很多次 我可以向你保证我尝试了大部分解决方案 我的代码如下 div class btn group div
  • 单个 html 文件是否可以有多个 css 文件(以模块化样式表)[重复]

    这个问题在这里已经有答案了 我希望能够使用多个样式表 以便可以对页面的不同部分进行样式设置 这可能吗 如果是这样 是像向样式表添加链接一样简单还是比这更复杂 是的 这是可能的 只需链接到 head 元素中的每个样式表即可
  • 使用 jQuery 实时更新文本

    我最近一直在用 jQuery 做一个项目 但遇到了一个问题 基本思想是创建一些 JS 代码 以便当您在选项卡上的文本框中输入内容时 div 内的文本会随着您的键入而更改 并且当您移动到新选项卡时 它会更改为文本框中的文本那里 这很难解释 所
  • 使弹性盒中的项目占据所有垂直和水平空间

    我目前在容器中有元素 每个元素都包含一个图像 我想使用 Flexbox 将它们分布到四个角或容器中 图像在水平方向上分布正确 但在垂直方向上没有占用所有可用空间 Here s what it looks like at the moment
  • 使用小屏幕时强制在按钮文本内换行

    我有一个响应式网络应用程序 其中包含一些对于小移动屏幕来说太大的按钮 它们包含太多文字 因此最终会从屏幕上消失 我目前正在使用a通过给它们引导类来标记为按钮 所以目前的代码是这样的 a Here I have a button with l
  • 如何在浏览器调整大小时刷新屏幕?

    是否可以根据浏览器尺寸的变化刷新页面 我使用一些样式在页面上创建区域 如果浏览器缩小 布局就会中断 也许我可以用 jQuery 检测文档大小的变化 为现在查看此内容的任何人进行更新 JQuery 现在认为绑定是一个已弃用的函数 Proxim
  • 如果满足条件,则在另一个转换期间添加并发转换

    我试图在转换运行时添加一个新的转换 条件是如果 bar1 宽度与 bar2 匹配 则条形会更改位置 我使用了transition tween来查看是否满足条件 当第二个转换开始时 第一个转换停止 我希望第一个转换继续运行直到其持续时间结束
  • 柔性端和端部的区别? [复制]

    这个问题在这里已经有答案了 当我使用 css 属性时align items 我看不出与值有任何视觉差异flex end或值end 有什么区别align items end and align items flex end 一个值 end 在
  • IE8、IE7透明背景问题

    对我的菜单使用图标 png 透明背景 对于 IE9 Chrome Firefox safari opera 没有任何问题 但是如果我使用 IE7 或 IE8 打开页面 图像周围会出现断线黑色边框 CSS 代码 menu item1 back
  • 如何防止移动浏览器调整文本大小

    如何使文本在移动设备上的显示方式与在桌面设备上的显示方式相同 浅粉色区域中的文本在桌面和移动设备上是相同的 这正是我在 推荐 部分 以及许多其他领域 需要实现的目标 谢谢 Desktop view Mobile view CSS testi
  • Jquery 在页面加载时滚动到偏移目标 div

    我正在尝试滚动到 URL 中的 div 它可能是 21 个 ID 之一 例如 url com test lite1 url com test lite2 url com test lite3 我需要在页面加载时发生这种情况 用户来自电子书
  • 如何为 p 标签中的星号第一个字符着色

    我认为这会很容易使用 first letter伪元素 但它不起作用 I have p Required Fields p 我希望 是红色的 有任何想法吗 请注意 我无法更改 html http jsfiddle net 3ducS http
  • VS2010中是否可以更改CSS验证方案

    我正在 VS2010 中编辑一个简单的 CSS 文件 编辑器似乎对 CSS 的理解相当有限 例如 my rule position relative 生成警告 Validation CSS 1 0 position is not a kno
  • 隐藏加载失败的图片

    我有一个 Android 应用程序 它生成一些在本地 Webkit 视图中呈现的 HTML HTML 生成的细节实际上并不那么重要 除了 大部分来自一个地方 我无法改变它 HTML 周围的模板 包括页眉 页脚 HEAD 等 CSS 和 Ja
  • IE8 中的 CSS 属性选择器错误?

    指定为CSS 2 1 http www w3 org TR CSS2 selector html attribute selectors input type submit or input type submit 必须匹配 type 属性
  • 竖线 (|) 是有效的 CSS 还是 Firefox 特定的?

    我注意到 Firebug 中的这条规则 link color 0000EE 我不确定我是否见过竖线 前 它位于 about PreferenceStyleSheet 中 因此它可能是 Firefox 特定的 这是什么意思 有参考链接吗 我以
  • 在 Twitter 引导流体布局中调整 iframe 大小的正确方法是什么?

    我有一个 2 列流体 Twitter 引导程序布局 并希望其中一个窗格中有一个 iframe 它将包含 Google 任务小部件 https mail google com tasks ig https mail google com ta
  • 桌子高度如何固定?

    我想将表格高度固定为 600px 即使内容很长 尝试将表格包裹在一个div标签 并设置 CSS 属性div像这样 div tablewrapper height 600px overflow y auto 如果表格的高度超过 600 像素
  • 在 IE7 中水平对齐 div,无垂直堆叠

    我有一个固定容器 里面有一个附加容器 其中根据用户选择容纳了许多 DIV 我需要这些额外的 DIV 水平排列并提供水平滚动 但不是垂直滚动 比如这样 x x x 本质上 我的设置如下所示 div div div class final im

随机推荐

  • 对分组中的“汇总”进行排序

    我发现与 group by 一起使用的 with rollup 选项非常有用 但它不适用于 order by 子句 有什么办法可以按照我想要的方式订购并计算小计吗 CREATE TABLE mygroup id int 11 default
  • 如何在 MATLAB 中一步加载 100 个具有相似名称和/或字符串的文件?

    我的目录中有 100 个 ASCII 文件 全部命名如下 int 001 ASCint 002 ASCint 003 ASC int 099 ASCint 100 ASC 我必须使用 importdata 将它们全部导入到 MATLAB 中
  • 防范 CSRF 和 XSS(散列 + 加密)

    安全 如今 如果没有通过开发人员使用的框架或开发人员自己编程适当的安全性 任何应用程序都无法在互联网上生存 我目前正在开发一个 RESTful API 以使用 Bearer 令牌身份验证进行工作 但一直在阅读有关 XSS 和 CSRF 攻击
  • 在 Windows 上安装 Python Pillow

    我对 Python 相当陌生 并尝试在 Windows 7 上安装 Pillow 包 我从以下位置下载并运行了 MS Windows 安装程序 Pillow 2 2 1 win amd64 py3 3 exehere 它看起来安装得很好 如
  • 如何向 DataReader 添加列

    我的目标是从数据源检索数据 向其中添加一些元数据并将其插入到另一个目标 目标的架构比源多四列 计算列 我在用SQL批量复制 这需要一个具有所有列 包括计算出的 4 列 的阅读器 有没有办法手动将列添加到 DataReader 中 或者如果不
  • 将 MVC 迷你分析器计时纳入异步任务

    我在页面内有一个长时间运行的 SQL 查询 我通过使用异步任务加速了该查询 using System Threading Tasks var asyncTask new Task
  • zsh 中的 IFS 行为与 bash 不同

    foo local lines ls l local IFS n for line in lines do echo line done 在 zsh 中 循环只执行一次 因为 for 的输出ls l命令不会被新行分割 整个文本块都会传递到
  • 数组元素算作公共初始序列吗?

    有点相关我之前的问题 数组的元素算作公共初始序列吗 struct arr4 int arr 4 struct arr2 int arr 2 union U arr4 arr4 arr2 arr2 U u u arr4 arr 0 0 wri
  • Windows 代码页与标准 C/C++ 文件名交互?

    客户抱怨我们的代码过去常常写入文件名中包含日语字符的文件 但现在不再适用于所有情况 我们一直只是使用良好的旧 char 字符串来表示文件名 所以它曾经起作用让我有点震惊 而且我们没有做任何我知道应该让它停止工作的事情 我让他们向我发送了一个
  • HEAD 响应是否比 GET 更快?

    我目前正在使用 GET 获取有关文件的信息 如果使用 HEAD 请求重写它会更快吗 因为我在第一次响应后关闭了连接 HEAD 响应仅包含 HTTP 标头 但不包含正文 如果正文中不使用通常在 GET 响应中传输的任何信息 则仅使用 HEAD
  • 为什么多次调用 setTimeout() 会导致如此大的延迟?

    我有一个复杂的动画序列 涉及 JavaScript 中的淡入淡出和过渡 在这个由四个元素同时变化的序列组成的过程中 setTimeout用于每个元素 在 Internet Explorer 9 中进行测试 动画以实时速度运行 应该需要 1
  • 检查字符串是否包含空格

    我正在尝试检查字符串中是否有空格 以下内容对我不起作用 if skpwords contains lcase query And Mid query InStrRev query then end if 检查字符串是否包含字符 或子字符串
  • Rails:激活 SSL 支持会让 Chrome 感到困惑

    Rails 应用程序有一个很好的配置选项 config force ssl true 然而 似乎仅仅将其设置为 true 并不能让 HTTPS 连接正常工作 更重要的是 在尝试 但失败 连接到之后https 本地主机 3000对于 Chro
  • Iterator.remove() IllegalStateException

    在下面的代码中 我有一个 try catch 块 它尝试使用 Iterator 从 Vector 中删除元素 我创建了自己的课程QueueExtendingVect延伸Vector并实施Iterator 变量qev1是类的一个实例Queue
  • 如何将 IEnumerable> 转换为 IObservable

    是否有内置方法将 IEnumerable gt 转换为 IObservable 顺序并不重要 重要的是我得到的东西 尽管最好是在它们完成的时候 如果它还不存在 那么实现它的好方法是什么 我相信这会起作用 tasks Select t gt
  • 读/写二进制文件

    我只是想从二进制文件中读取 写入 我一直在关注this教程 它可以工作 除了它似乎正在将内容写入 txt 文件 我在测试时将文件命名为test bin 但记事本可以打开它并正确显示它 所以我认为它实际上不是一个二进制文件 我已经告诉它它是一
  • kotlin 如何使 setOnClickListener 接受函数作为参数

    在 kotlin 中 我们可以使用setOnClickListener 像这样 view setOnClickListener println Hello 但是如果我定义自己的接口 我只能传递匿名对象 如下所示 obj setMyListe
  • 如何在Python中的文件中写入新行

    我有一个这样的文件 word number word number 我只想保留 保留这些单词 再次换行中的一个单词 word word 到目前为止我的代码 f open new file txt w with open initial fi
  • 查找 SQL 中的所有整数间隙

    我有一个数据库 用于存储我从外部源获取的游戏不同比赛的信息 由于一些问题 数据库中偶尔会出现空白 可能缺少 1 个 ID 到几百个 ID 我想让程序提取丢失游戏的数据 但我需要先获取该列表 以下是表格的格式 id pk identity G
  • 更改“多选”下拉框中所选项目的背景颜色? [复制]

    这个问题在这里已经有答案了 我想为多选下拉框中的所选项目赋予黄色 选择后默认背景是灰色的 如何执行此操作HTML CSS 这个问题是关于多选但对于单选请参考 相关但不重复 如何将背景颜色应用于选定的选项 我们可以简单地借助以下 CSS 来完