How can I change the color of the choose country and numbers from blue to another color that fits my site?

And how can I change the color of the choose country and numbers from blue to another color that fits my site?

Are you referring to the highlight color blue in the drop down fields?

 

Unfortunately, it seems like it is not possible to change that highlight color. I believe it is rendered by OS and not CSS. There are some hacks or workarounds that you can try BUT they do not work 100% on all browsers. Here are the discussions I found:

https://www.speich.net/articles/en/2014/01/23/css-trick-setting-background-color-of-a-selected-html-option-element/ 

https://forum.userstyles.org/discussion/43506/how-do-you-style-dropdown-lists-hover-color 

http://stackoverflow.com/questions/17740391/change-select-list-option-background-colour-on-hover-in-html 

 

I hope that helps. I'll continue looking for a possible workaround for this.

ok, thank you.
Is it possible for me now to share my form with my custumer? She has now created an account with joform, and she are ready to use the form I’ve designed.
Camilla
_____________________________________________________________________
MILLA.
www.milla-design.no
Camilla Jakobsen
Tlf: + 47 905 70 107
E-post: milla@milla-design.no
Slemmestadveien 416, 1390 Vollen
...

sorry, found the way to copy the link and open it in my customers account.
Camilla
_____________________________________________________________________
MILLA.
www.milla-design.no
Camilla Jakobsen
Tlf: + 47 905 70 107
E-post: milla@milla-design.no
Slemmestadveien 416, 1390 Vollen
...

no actually I refer to this blue color:
_____________________________________________________________________
MILLA.
www.milla-design.no
Camilla Jakobsen
Tlf: + 47 905 70 107
E-post: milla@milla-design.no
Slemmestadveien 416, 1390 Vollen
...

Could you please provide more information to what color and where do you want to change?

To send an image to the Jotform support forum you have to be logged in to Jotform. Please try logging in to Jotform before posting an image.

its this small blue one in this dropdown meny for how many items one wants to order, see screenshot:
_____________________________________________________________________
MILLA.
www.milla-design.no
Camilla Jakobsen
Tlf: + 47 905 70 107
E-post: milla@milla-design.no
Slemmestadveien 416, 1390 Vollen
...

Hi again,

First of all, thank you for your screenshot. However, we cannot see your screenshot on the forum.

As my colleague was mentioned above,  the screenshots attached to the email response cannot be posted to the forum thread. You must log in to JotForm while you are attaching the screenshots.

Here is how to do:

We would appreciate it if you could send your screenshot when you log in to JotForm account.

I look forward to hearing from you soon.

and, oh, I am so sorry about all of my questions, but

 

a

 

the blu color:

yes I’ve gone and done that now in the tread...
_____________________________________________________________________
MILLA.
www.milla-design.no
Camilla Jakobsen
Tlf: + 47 905 70 107
E-post: milla@milla-design.no
Slemmestadveien 416, 1390 Vollen
...

sorry, I see I posted the two posts above from my clients login

 

First of all, you don't need to be sorry about that. We are really enjoying while we are solving your issues. Now I understand, you want to change the color of arrow:

Can you try to add the code below to change the color of arrow?

 

    select {

    /* make arrow and background */

  background : linear-gradient(45deg, transparent 50%, blue 50%),

    linear-gradient(135deg, blue 50%, transparent 50%),

    linear-gradient(to right, skyblue, skyblue);

    background-position : calc(100% - 21px) calc(1em + 2px),

    calc(100% - 16px) calc(1em + 2px),

    100% 0;

    background-size : 5px 5px,

    5px 5px,

    2.5em 2.5em;

    background-repeat : no-repeat;

    /* styling and reset */

  border : thin solid blue;

    font : 300 1em/100% "Helvetica Neue", Arial, sans-serif;

    line-height : 1.5em;

    padding : 0.5em 3.5em 0.5em 1em;

    /* reset */

  border-radius : 0;

    margin : 0;

    -webkit-box-sizing : border-box;

    -moz-box-sizing : border-box;

    box-sizing : border-box;

    -webkit-appearance : none;

    -moz-appearance : none;

}

Here is how it works:

It seems you have a new question. I will answer your question at the following link:

http://www.jotform.com/answers/796607

http://www.jotform.com/answers/796608

thank you
_____________________________________________________________________
MILLA.
www.milla-design.no
Camilla Jakobsen
Tlf: + 47 905 70 107
E-post: milla@milla-design.no
Slemmestadveien 416, 1390 Vollen
...