Qualtrics多选下拉菜单悬停颜色修改技术求助

完全可以单独修改选项的悬停颜色，而且不需要额外写JavaScript，纯CSS就能解决你的问题！

你之前的代码之所以把整个下拉列表都改成了指定颜色，是因为.Skin .MC .ChoiceStructure .Selection选中的是下拉菜单的整体容器，而不是单个选项元素。要实现单个选项的悬停变色，你需要针对下拉展开后每个选项的元素，结合:hover伪类来设置样式。

试试这段CSS代码：

/* 针对Qualtrics多选下拉菜单的选项悬停状态 */
.Skin .MC .ChoiceStructure .DropdownMenu .DropdownItem:hover {
    background-color: #FFD700; /* 这里替换成你想要的金色十六进制值 */
}

小提示：如果上面的选择器不生效怎么办？ #

不同版本的Qualtrics可能会有细微的类名差异，你可以用浏览器的开发者工具自己定位正确的选择器：

• 打开Qualtrics问卷的预览页面，点击下拉菜单展开所有选项
• 按下F12打开开发者工具，点击左上角的元素选择器图标（像个小箭头）
• 把鼠标移到你要悬停的选项上，点击选中它，右侧的Elements面板就会显示该元素的类名
• 把找到的类名替换到上面的CSS里，加上:hover伪类即可

这样设置后，只有当鼠标悬停在单个选项上时，才会显示金色背景，不会影响整个下拉容器的样式。

内容的提问来源于stack exchange，提问作者David