Как изменить стиль выпадающего меню

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>

Это код для Drop Country, который выглядит так, как я хочу:

<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>

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

<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>

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

Теги:
smarty

4 ответа

0

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

Поделиться
  • 0
    Я на самом деле пытался изменить его, чтобы select и он изменил стиль, как я хочу, но затем раскрывающийся список исчез, и я не могу понять, на что именно он должен быть изменен, чтобы раскрывающийся список все еще отображался при использовании select
  • 0
    Какой шаблонизатор вы используете?
Показать ещё 1 комментарий
0

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

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

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

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

Поделиться
0

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

Поделиться
  • 0
    Я попытался сделать это, и раскрывающийся список оказался пустым. Что вы изменили в линии, чтобы она работала?
  • 0
    Ваш тег выбора должен отображаться: нет, и поместить все ваши данные в тег span, в этот тег span вы должны поместить все классы, которые находятся в стране.
0

Вот причудливая тема бутстрапа для вашего варианта выбора, который может использовать этот выбор начальной загрузки

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню