Styling individual drop down selectors

[JackRabbit]

I'm trying to style individual selectors for the domain registration TLD dropdown selector and also for the price selector on the following page with seperate widths. I'd like to use inline styles.

 

When I use the inspector, I can add the width style to the selectors just fine - eg:

 

<div class="selector" id="uniform-undefined" style="width:210px">

 

However, when I try to modify the template, the only selector code I find is:

 

<select name="domainsregperiod[{$result.domain}]">
         {foreach key=period item=regoption from=$result.regoptions}
         <option value="{$period}">{$period} {$LANG.orderyears} @ {$regoption.register}</option>
         {/foreach}
       </select>

 

Which I can not add a style too. How can I modify the width of the selectors individually?

 

Thank you!

[sentq]

use CSS ID/Classes to complete this task as inline styling is not recommended,

currency selector you can find it in cart.php templates "templates/orderforms/xxxxx/products.tpl" maybe in other files also