Custom select option appearance

Resolved alphonix
(@alphonix)

9 years, 4 months ago

Hello,

Could we custom select option with CSS ? i didn’t success it

I would change :hover blue appearance and blue border for option.

I tried with Chrome & Firefox debug because i wondering if it’s browser default css.

Thank you for help.

Viewing 1 replies (of 1 total)

(@pavloborysenko)

Hello

Css code for hover effect:

.woocommerce-currency-switcher-form .wSelect-theme-classic.wSelect-hover, .woocommerce-currency-switcher-form .wSelect-theme-classic.wSelect-active {
    border-color: rgb(82, 168, 236);
    border-color: rgba(82, 168, 236, 0.8);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

– change color code.

Viewing 1 replies (of 1 total)

The topic ‘Custom select option appearance’ is closed to new replies.

Tags