Html 在CSS中选择选中元素

Html 在CSS中选择选中元素,html,css,drop-down-menu,selector,Html,Css,Drop Down Menu,Selector,我有一个关于在下拉列表中选择元素的问题。这是小提琴: 因此,我想在用户单击元素后对其进行样式设置。因此,只有当用户选择一个样式时,他的选择才会收到样式。 我认为下拉列表中的这个选定元素必须有某种CSS伪选择器。 有CSS选择器吗 谢谢大家! 编辑:删除了答案中不正确的部分 关于css的实际问题的答案: razred选项:选中{color:red;}焦点选择器将执行与您所要查找的内容相近的操作 #razred:focus{ color: blue; } 更新的没有伪选择器可以按照您想象的

我有一个关于在下拉列表中选择元素的问题。这是小提琴:

因此,我想在用户单击元素后对其进行样式设置。因此,只有当用户选择一个样式时,他的选择才会收到样式。 我认为下拉列表中的这个选定元素必须有某种CSS伪选择器。 有CSS选择器吗


谢谢大家!

编辑:删除了答案中不正确的部分

关于css的实际问题的答案:


razred选项:选中{color:red;}

焦点选择器将执行与您所要查找的内容相近的操作

#razred:focus{
    color: blue;
}

更新的

没有伪选择器可以按照您想象的方式标记选择框。因此,您最初问题的答案是否定的:

但是如果你不介意使用一点点JavaScript,那么你可以模仿你想要的特性。可以将类添加到选择框的onchange方法中。理想情况下,这应该在脚本标记内的页面底部完成。我只是以演示的形式在线进行:


JSFIDLE:

您试图设置什么元素的样式?Razerd下拉列表中的元素。实际上都是标签。OP的标记没有问题。如果没有提供值,选项标记内的内容将与表单提交一起发送。@cimmanon哦,我不知道。谢谢已编辑为仅显示答案的正确部分:。问题已解决。现在可以了,谢谢!
#razred:focus{
    color: blue;
}
<select id="razred" name="razred" onchange='this.className="visited"'>
.visited {
    color: #f00;
    -webkit-appearance: none;  /*required for webkit based browsers*/
}