当前位置: 首页 > 面试题库 >

我可以仅使用CSS为HTML选择选项中的选定项目的背景着色吗?

马梓
2023-03-14
问题内容

我搜索了很多东西,发现有人建议:

::-moz-selection {background: red;}
::selection {background: red; }

..用于为多选表单项中的当前选中项的背景着色。(注意:我指的是选定的项目,而不是具有焦点的项目)。

我无法使它正常工作。我做错了吗?

#dropdowns select::selection {
    background: red;
}

欢呼声:/

设定:使用Mac版Chrome


问题答案:

不仅可以设置背景色,还可以将线性渐变设置为背景:

option:checked {
  background: red linear-gradient(0deg, red 0%, red 100%);
}

可以在IE11和最新的Chrome和Firefox中使用。Safari只是忽略它。没有测试IE / Edge。

如果您只想为重点多选设置背景色,则可以使用以下代码段:

select[multiple]:focus option:checked {
  background: red linear-gradient(0deg, red 0%, red 100%);
}


 类似资料:
  • 问题内容: 我有一个框,当单击框并显示所有选项时,我正在尝试更改选项的背景色。 HTML: CSS: 问题答案: 你需要把对标签,而不是标签… 如果要为每个标签设置样式,请使用css 选择器:

  • 我有一个选择框,当选择框被单击并显示所有选项时,我正在尝试更改选项的背景颜色。

  • 问题内容: 我有一个带有多个选择框的页面,如下所示: 这些是在Django中自动生成的,因此无法将CSS类,ID或属性直接应用于选项。选择元素的ID为’item-0-status’,’item-1-status’,’item-2-status’等。 我通过以下JQuery代码为选项分配颜色: 哪个工作正常。 我还希望select元素具有与selected选项相同的背景色,我正在尝试使用以下方法实现

  • 问题内容: HTML select元素的选项是否可以包含HTML标签? 例如,给出以下代码: 我想要实际以HTML呈现的选项。在此应用程序中,我可以使用HTML,CSS,JavaScript(包括jQuery)。HTML本身是通过Django(django.form.fields.select)呈现的。 问题答案: 不,你不能这样做。标签不能包含任何其他标签。

  • 问题内容: 任何答案如何设置所选单元格的背景色? 问题答案: 斯威夫特4.2 对于多个选择,您需要将属性设置为 true 。 myTableView.allowsMultipleSelection = true 如果您将 UITableViewCell 子类化,则可以在自定义单元格类中重写方法。

  • 问题内容: HTML select元素的选项是否可以包含HTML标签? 例如,给出以下代码: 我想要实际以HTML呈现的选项。在此应用程序中,我可以使用HTML,CSS,JavaScript(包括jQuery)。HTML本身是通过Django(django.form.fields.select)呈现的。 问题答案: 不,你不能这样做。标签不能包含任何其他标签。