How to make dropdown list unselectable?

Question

How can I make the <h:selectOneMenu> dropdown list unselectable?

It is not like using disabled. I just want to make the dropdown list options unselectable and to appear with a different (inactive) style class.

How can I achieve this? By a JSF component attribute or CSS or JavaScript?

Answer 1

<asp:DropDownList ID="ddlName" runat="server" style="pointer-events: none; cursor: default;">
</asp:DropDownList>

Add style attribute to DropDownList as style="pointer-events: none; cursor: default;". This will work succesfully, I have tried this.