2013-11-12 5 views
0

У меня есть выпадающее меню, что я просто не могу понять, как изменить ...Как изменить стиль выпадающего меню

Вы можете увидеть, перейдя в http://www.escalatehosting.com/signup и ввести любое доменное имя, а затем выбрав в продолжить после выбора биллингового цикла.

В регистрационной форме вы увидите, что выпадающее меню очень похоже на вариант «Страна». Я пытаюсь сделать то же самое для «Государство/Регион» выпадающего списка, но не могу понять, что изменить ...

Вот код используется для регистрации формы:

<tr><td class="fieldlabel">{$LANG.clientareafirstname}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.firstname}{else}<input type="text" name="firstname" tabindex="1" style="width:300px;" value="{$clientsdetails.firstname}" />{/if}</td><td class="fieldlabel">{$LANG.clientareaaddress1}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.address1}{else}<input type="text" name="address1" tabindex="7" style="width:300px;" value="{$clientsdetails.address1}" />{/if}</td></tr> 
<tr><td class="fieldlabel">{$LANG.clientarealastname}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.lastname}{else}<input type="text" name="lastname" tabindex="2" style="width:300px;" value="{$clientsdetails.lastname}" />{/if}</td><td class="fieldlabel">{$LANG.clientareaaddress2}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.address2}{else}<input type="text" name="address2" tabindex="8" style="width:300px;" value="{$clientsdetails.address2}" />{/if}</td></tr> 
<tr><td class="fieldlabel">{$LANG.clientareacompanyname}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.companyname}{else}<input type="text" name="companyname" tabindex="3" style="width:300px;" value="{$clientsdetails.companyname}" />{/if}</td><td class="fieldlabel">{$LANG.clientareacity}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.city}{else}<input type="text" name="city" tabindex="9" style="width:300px;" value="{$clientsdetails.city}" />{/if}</td></tr> 
<tr><td class="fieldlabel">{$LANG.clientareaemail}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.email}{else}<input type="text" name="email" tabindex="4" style="width:300px;" value="{$clientsdetails.email}" />{/if}</td><td class="fieldlabel">{$LANG.clientareastate}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.state}{else}<input type="text" name="state" tabindex="10" style="width:300px;" value="{$clientsdetails.state}" />{/if}</td></tr> 
<tr>{if !$loggedin}<td class="fieldlabel">{$LANG.clientareapassword}</td><td class="fieldarea"><input type="password" name="password" tabindex="5" id="newpw" style="width:300px;" value="{$password}" /></td>{else}<td class="fieldlabel"></td><td class="fieldarea"></td>{/if}<td class="fieldlabel">{$LANG.clientareapostcode}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.postcode}{else}<input type="text" name="postcode" tabindex="11" style="width:300px;" value="{$clientsdetails.postcode}" />{/if}</td></tr> 
<tr>{if !$loggedin}<td class="fieldlabel">{$LANG.clientareaconfirmpassword}</td><td class="fieldarea"><input type="password" name="password2" tabindex="6" style="width:300px;" value="{$password2}" /></td>{else}<td class="fieldlabel"></td><td class="fieldarea"></td>{/if}<td class="fieldlabel">{$LANG.clientareacountry}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.country}{else}{$clientcountrydropdown|replace:'<select':'<select tabindex="12" style="width:285px;"'}{/if}</td></tr> 
<tr><td colspan="2" class="fieldarea">{if !$loggedin}<script language="javascript">showStrengthBar();</script>{/if}</td><td class="fieldlabel">{$LANG.clientareaphonenumber}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.phonenumber}{else}<input type="text" name="phonenumber" tabindex="13" style="width:300px;" value="{$clientsdetails.phonenumber}" />{/if}</td></tr> 

Это код для падения вниз Страна, которая выглядит так, как я хочу:

<td class="fieldlabel">{$LANG.clientareacountry}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.country}{else}{$clientcountrydropdown|replace:'<select':'<select tabindex="12" style="width:285px;"'}{/if}</td> 

Это код, который я не знаю, как исправить для государства выпадающего списка, что я не знаю, как исправить и сделайте его похожим на выпадающее меню страны.

<td class="fieldlabel">{$LANG.clientareastate}</td><td class="fieldarea">{if $loggedin}{$clientsdetails.state}{else}<input type="text" name="state" tabindex="10" style="width:300px;" value="{$clientsdetails.state}" />{/if}</td> 

Любая помощь с этим будет очень ценна ...

ответ

0

Вот фантазии начальной загрузки темы для вашего выбора опции могут использовать эту bootstrap-select

0

Главная проблема здесь в том, что класс «selectboxit -text "не применяется к выпадающему меню вашего штата. Я бы рекомендовал проверить файл css.

+0

Я действительно пытался изменить его на 'select', и он изменил стиль на то, как я хочу, но затем выпадающий список исчез, и я не могу понять, что именно его нужно изменить, чтобы выпадающий список все еще показывался при использовании 'select' – user2970202

+0

Какой шаблон движка вы используете? –

+0

smarty template system – user2970202

0

Стиль выбора Страна использует ul и li s

Попробуйте использовать это вместо того, чтобы выбрать и ввода: <ul> с этим классом ->class="selectboxit-options dropdown-menu"

Для первого элемента опции в списке: <li> с этим классом ->class="selectboxit-option selectboxit-option-first active"

Для других элементов: <li> с этим классом ->class="selectboxit-option"

0

Страна drop down создается из jQuery, вы можете использовать этот класс в раскрывающемся меню.

+0

Я пробовал это, и выпадающий список оказался пустым. Что вы изменили в строке, чтобы заставить ее работать? – user2970202

+0

ваш тег select должен отображаться: none и помещать ваши данные в тег span, этот тег span, который вы должны поместить в класс, который находится в стране. – dsfg

Смежные вопросы