• 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: dropdown menu background or font color

dropdown menu background or font color 10 years 5 months ago #29223

  • twingos
  • twingos's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
Hi

How can I change the dropdown menu background or font color for each element?
EC: I select '1 - pear' = red
select '2 - banana' = blue
select '3 - lime' = green

I want to be at these colors can also view the directory page?

Can be solved?

thank you
The administrator has disabled public write access.

dropdown menu background or font color 10 years 5 months ago #29234

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
You can use the CSS and Javascript section of RSForm!Pro to declare background colors to the dropdown list items. For example:
<style>
#dropdown_id option:nth-child(1) {
   background-color: yellow;
}
#dropdown_id option:nth-child(2){
   background-color:black;
}
#dropdown_id option:nth-child(3){
   background-color:red;
}
</style>

This will only be visible in the frontend when submitting the form.
My help is not official customer support. To receive your support, submit a ticket by clicking here
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!