html - 在选项标签的多选菜单中更改事件颜色

标签 html css zurb-foundation

选择选项值是蓝色的,但是当您单击页面上的任何其他内容时,它会变成淡灰色。是否可以更改这些颜色中的任何一种?最重要的是,出于可访问性原因,浅灰色。

我在 CSS 中尝试了很多东西,但是没有任何运气。

<label class="multiDropdown-label">Multiple Select
  <select multiple>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>
</label>

最佳答案

@nikoskip 的评论回答了我的问题。

选择[多个]:焦点选项:选中{ 背景:红色线性渐变(0deg,红色 0%,红色 100%);

关于html - 在选项标签的多选菜单中更改事件颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41984999/

相关文章:

javascript - HTML。隐藏/显示下拉菜单取决于是否在另一个下拉菜单上选择了一个选项

javascript - css transition 在一个元素中有效,但在第二个元素中无效

javascript - onError 事件未按预期运行

css - 链接到静态 Assets ,自定义 MVC 应用程序 (PHP)

css - Foundation 4 中等以上的顶部栏切换工具栏

jQuery 验证已停止与 Zurb 基金会合作

Javascript执行器 : setAttribute using name

html - 使用 CSS 显示属性代替 HTML 超链接

jquery - 如何隐藏div中的单个按钮

javascript - Foundation 5 Accordion - 过渡速度?