3 edited tags
| link
    Tweeted twitter.com/#!/StackUX/status/119713651916685313
2 added 196 characters in body
source | link

When I design websites. many time I try make the select dropdowndrop-down more attractive.

example

enter image description here

By default select dropdowndrop-down looks slightly different in almost each Desktop and Mobile browser

enter image description here enter image description here

but behavior on focus is different on Mobile and Desktop browsers.

enter image description here

My questions is

For better UX and Accessibility Is it good to leave Select dropdown with default style and behaviourbehavior or giving different styling with help of JavaScript is OK?

Edit: Added after @Roger Attrill answer

I'm making a Web Application which will run on all possible devices. Mobile, Tablets, Desktops, Laptops. and both touch based and mouse based screens.

I seen one cons and that is the adding a JavaScript to make the custom design for dropdown. if we want consistent design in all devices. Because custom styling of Dropdown is not possible with pure CSS.

When I design websites. many time I try make the select dropdown more attractive.

example

enter image description here

By default select dropdown looks slightly different in almost each Desktop and Mobile browser

enter image description here enter image description here

but behavior on focus is different on Mobile and Desktop browsers.

enter image description here

My questions is

For better UX and Accessibility Is it good to leave Select dropdown with default style and behaviour or giving different styling with help of JavaScript is OK?

When I design websites. many time I try make the select drop-down more attractive.

example

enter image description here

By default select drop-down looks slightly different in almost each Desktop and Mobile browser

enter image description here enter image description here

but behavior on focus is different on Mobile and Desktop browsers.

enter image description here

My questions is

For better UX and Accessibility Is it good to leave Select dropdown with default style and behavior or giving different styling with help of JavaScript is OK?

Edit: Added after @Roger Attrill answer

I'm making a Web Application which will run on all possible devices. Mobile, Tablets, Desktops, Laptops. and both touch based and mouse based screens.

I seen one cons and that is the adding a JavaScript to make the custom design for dropdown. if we want consistent design in all devices. Because custom styling of Dropdown is not possible with pure CSS.

1
source | link

Is it good to leave Select dropdown with default style for better UX and Accessibility?

When I design websites. many time I try make the select dropdown more attractive.

example

enter image description here

By default select dropdown looks slightly different in almost each Desktop and Mobile browser

enter image description here enter image description here

but behavior on focus is different on Mobile and Desktop browsers.

enter image description here

My questions is

For better UX and Accessibility Is it good to leave Select dropdown with default style and behaviour or giving different styling with help of JavaScript is OK?