css的select的option ，鼠标移动到上面的蓝色怎么修改

Posted 2023-04-09

就是这个蓝色

opel 那个选中的蓝色

这个地方不太好改的。有浏览器默认的一些样式，
最好的方式就是 给你个demo你自己看看就明白了
http://beyondweb.cn/article_detail.php?id=355
这个是别人用jquery 解决的。我们项目中一般都有自己的插件去做这块的，一般不用select 标签的。

追问

额， 选中还是蓝色的捏.... 就是点击下拉菜单的时候，选择那个选项，有是有一个蓝色的光标选中移动跟随吗，这个能改吗

追答

这样说吧，比如说你现在选中了 Opel 这个选项。
你再点击 select 去选择其他选项的时候。
有一个鼠标跟随的样式，还有一个选中的样式。
如果你想要的是这样的效果的话，需要用 js 去操作的，
也就是说，给你选中的那个选项添加一个样式。你看下我刚才给你的那个地址。
那个里面讲解的很详细的！

参考技术A <form name="selcet">
<select>
<option value="0">选项一</option>
<option value="1">选项二</option>
<option value="2">选项三</option>
<option value="3">选项四</option>
<option value="4">选项五</option>
</select>
</form>

option
background:blue;


你把代码拷过去看看是不是这种效果。
在各个浏览器都看了，效果也都差不多，没有兼容性问题

Jquery操作select,左右移动,双击移动 取到所有option的值

  $(function () {

        function MoveItem(fromId, toId) {
            $("#" + fromId + " option:selected").each(function () {
                $(this).appendTo($("#" + toId + ":not(:has(option[value=" + $(this).val() + "]))"));
            });
            $("#" + fromId + " option:selected").remove();
        }

 
        $("#addUser").click(function () {
            var fromId = "User";
            var toId = "UserSelected";
            MoveItem(fromId, toId);
        });

        $("#removeUser").click(function () {
            var fromId = "UserSelected";
            var toId = "User";
            MoveItem(fromId, toId);
        });

        //双击选项
        $(‘#User‘).dblclick(function () {
            var toId = "UserSelected";
            var fromId = "User";
            MoveItem(fromId, toId);
        });

Jquery操作select,左右移动,双击移动

取到所有option的值

var str = $("#UserSelected option").map(function () { return $(this).val(); }).get().join(",")