• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: How to style option tag disabled in dropdownmenu

How to style option tag disabled in dropdownmenu 12 years 1 month ago #22210

  • celone
  • celone's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
Hi guys,
hope you can help me.
I'm using a form with a dropdown menu that contains some options disabled, so the users cannot select them. I'm trying to customize via CSS these elements but I have some problems with Chrome and IE7/8/9/10. Seems that these browser do not consider pure CSS styling for option tag in dropdown menu. I'm using the following CSS code:

select option[disabled] { color: #000; font-size: 14px; font-weight: bold }

Only with Firefox these CSS style is accepted.

Seems that Chrome & IE (all) do not consider these style.

CHROME: font-size: NO; font-weight: NO; color: YES; background: YES

IE (ALL): font-size: NO; font-weight: NO; color: NO; background: YES

I'm searching a workaround to style option tag disabled in a dropdown menu.

Thnaks in adv,
The administrator has disabled public write access.

How to style option tag disabled in dropdownmenu 12 years 1 month ago #22479

  • josh97
  • josh97's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
bump
The administrator has disabled public write access.

How to style option tag disabled in dropdownmenu 11 years 3 months ago #26390

  • houfton
  • houfton's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 3
I am not sure this is what you mean but I have found a way to 'hide' an option, in my case the "Tags" option from the RSEvents! Pro search drop down menu, using css:

#rs_select_top1 .optionsContainer div:nth-child(6) {
	display: none;
}

where #rs_select_top1 .optionsContainer identifies the parent element of the list of options and div:nth-child(6) identifies the 6th div within that parent: the "Tags" option. Seems to work!
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!