dropdown list custom

[beautifulworld]

Hello,
I would like to custom the dropdown list design as the screenshot attached…
Please could you help me?
Thanks and regards.

Eric

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[beautifulworld]

Hi Ally,
thanks for your help.
Dropdown menu Customization is ok and works fine.
But I would like to customize radio checkbox in CSS and center the submit button in the lengh…
(cf screenshot)

Please could you help me for these 2 items?

Regards.
Eric

Attachments:

You must be logged in to view attached files.

[beautifulworld]

Please find below the link and CSS code I’ve tried for radio checkbox customization…
in vain:

http://mc-autoecole-pp.quedubeaumonde.fr

___________

I’ve tried with this CSS code:

input[type=”radio”]:not(:checked),input[type=”radio”]:checked
{
display:none;
}

input[type=”radio”]+label
{
display:block;
margin:2px;
}
input[type=”radio”]+label:before
{
content:””;
display:inline-block;
width:1em;
height:1em;
background-color:#000;
border:2px solid #C60;
border-radius:55px;
}

input[type=”radio”]+label:hover:before
{
background-color:#F60;
}
input[type=”radio”]:checked+label:before
{
background-color:#FC0;
}
input[type=”radio”]:disabled+label:before
{
background-color:#999;
border:2px solid #333;
}

• This reply was modified 8 years, 8 months ago by beautifulworld.

[Allan]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts