Javascript 如何使焦点集中在多个选择框中的选项上

我想把重点放在多选框中的一个选项上。我只想在多选框中的一个选项上显示虚线边框，而不希望该选项被完全选中

我尝试了类似document.getElementByIdmultiple_dropdown.options[2]的方法；但是没有起作用

有什么想法吗

---

谢谢。

不幸的是，并非所有浏览器都支持option元素的border css属性。AFAIK Firefox有，但这是唯一的一个。所以你不能只是把它作为一个边界。 如果您想选择一些选项，可以使用JQuery的

$($("#multiple_dropdown").children()[2])

这将允许您访问第三个选项，因为选项计数从元素的零选项元素开始。如果您想以某种方式选择它，我可以为您提供背景色，例如：

$($("#multiple_dropdown").children()[2]).css('background-color', 'blue')

---

经过更多的调查，我发现不值得花时间改变不同浏览器的默认行为，即它们如何关注多个选择框中的选项，原因是浏览器提供的访问多个下拉框中的选项不多

Browser | What happens on focus of multiple dropdown after reset ?                     | Is there provision to style/focus a particular option in multiple dropdown ?
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
FF      | Dotted outline border on the very first option in the multiple dropdown      | We can’t set focus on a particular option, but will be able to style particular option like a dotted blue border or background etc.
IE      | Dotted outline border on the lastly selected option in the multiple dropdown | Doesn’t provide way to style/focus particular option in a multiple dropdown
Chrome  | No dotted outline on the option but a Solid thick blue border on the whole multiple dropdown itself | Doesn’t provide way to style/focus particular option in a multiple dropdown
Mac     | Same as chrome (as both are webkit family)                                   | Doesn’t provide way to style/focus particular option in a multiple dropdown

---

您可以使用jQuery还是仅使用纯Javascript？没有附加图像？现在已添加图像链接，对此表示抱歉。我也可以使用jQuery。感谢您的响应，我可以尝试使用类似以下内容：$$multiple\u dropdown.children[2]。css“border”，“1px点蓝色”