Styling Select Boxes - How To?

[Pixel]

(This is on a Mac using FireFox 3.6 - in case that makes a difference)

If you go to PrestaStore (http://www.prestastore.com/) and look at the language and currency select boxes (top left of screen) you'll see the select boxes are rounded, have double arrows at the right end, and have blue right-hand ends.

If you go to the PrestaShop demo site (http://www.prestashop.com/demo/), the select box for 'Manufacturers' (and all select boxes) are square, has a single arrow at the right end, and do not have a blue right-hand end.

Question:

The rounded boxes look a lot nicer and more professional - how can the code for select boxes in PS be changed so the select boxes appear as they do on PrestaStore (ie. rounded)?

See attachments for pics.

[phrasespot]

Rounded boxes in PrestaShop are unstyled and the firefox on mac gives them a native style on-the-fly. If you visit the same page with firefox on Win7 they will be styled in Windows style. The select boxes in demo shop have styles so firefox leaves them alone, obeying to the style already given.

If you want select boxes to look like the ones in PrestaShop leave them unstyled and they will look rounded to every Mac user. If you want them to look the same to everyone as you see them, regardless of their OS/browser, then you need to apply special styling to mimic aqua.

[Pixel]

Thanks for your reply.

I'm a little puzzled though - the select boxes in PS 1.3 don't appear to have styles, yet they are square, like the select boxes on the PS demo shop.

To put it another way, if they are un-styled, why isn't the browser styling them for the Mac - as the browser does on PrestaShop?

The manufacturer select box code from PS 1.3.1 :

<form action="{$smarty.server.SCRIPT_NAME}" method="get">



{l s='All manufacturers' mod='blockmanufacturer'}
               {foreach from=$manufacturers item=manufacturer}
{$manufacturer.name|escape:'htmlall':'UTF-8'}
               {/foreach}


       </form>

Many thanks again for your reply

[phrasespot]

select boxes in PS 1.3 don’t appear to have styles

they are styled, not directly in tpl file but styles are picked up from global.css file. see attached