• 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: Checkbox looks bad on Mac / Safari

Checkbox looks bad on Mac / Safari 9 years 11 months ago #31430

How can i style the dropdown for safari. So it will look like the other fields?
The administrator has disabled public write access.

Checkbox looks bad on Mac / Safari 9 years 11 months ago #31537

No one can help ? :(
The administrator has disabled public write access.

Checkbox looks bad on Mac / Safari 9 years 11 months ago #31538

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
We can't provide help if you do not include a URL where this issue is encountered. Looking at a picture does not give me enough information to provide a reply
My help is not official customer support. To receive your support, submit a ticket by clicking here
The administrator has disabled public write access.

Checkbox looks bad on Mac / Safari 9 years 11 months ago #31539

sorry about that,
the url was in the picture,
but here it is :D
voksendisco.dk/booking
The administrator has disabled public write access.

Checkbox looks bad on Mac / Safari 9 years 11 months ago #31540

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
After testing this on a iOS device and checking what's happening, I can tell you that there's nothing you can do (with CSS, all the solutions involve use of Javascript to emulate this form field).

iOS takes full control over the Select list/option styling.

More information can be found here:
known issues
My help is not official customer support. To receive your support, submit a ticket by clicking here
Last Edit: 9 years 11 months ago by cosmin.cristea.
The administrator has disabled public write access.

Checkbox looks bad on Mac / Safari 9 years 11 months ago #31543

well thats not true,

trentwalton.com/2010/07/14/css-webkit-appearance/

i added this to my code
-webkit-appearance:caret;

but that's also remove my small black arrows arrows which i would like to keep.
The administrator has disabled public write access.

Checkbox looks bad on Mac / Safari 9 years 11 months ago #31544

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
After checking your link, I tried to find a CSS only solution and this is the only thing I could think of.

First off, I grabbed the class of the wrapping select item and gave it position relative, like this:
<!-- change -dropdown to the actual class from your form, e.g .rsform-block-occupation -->
.rsform-block-dropdown .formBody{
position:relative;
}

I created a new before element, containing a 'V' character and placed it in the position of the standard caret
}
.rsform-block-dropdown > .formBody::before{
position: absolute;
right: 7px;
height: 36px; <!-- match the height of your select field -->
content: "V"; <!-- this can be changed to an icon as well -->
font-size: 20px;
line-height: 2.3125rem; <!--to center, you can use line-height = 36px just like our height -->
color: #D1D1D1; <!-- chose the color of the caret -->
background-color: #FFF; <!-- bg color must match the color from your form -->
z-index: 1;
}

Note that this is an example and not an actual solution.
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!