как отформатировать загрузчик

-3

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

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

    <h3 class="form-title">Login to your account</h3>
                    <div class="alert alert-danger display-hide">
                      <button class="close" data-close="alert"></button>
                    </div>
                        <div class="form-group has-feedback" ng-class="loginForm.username.$valid ? 'has-success' : 'has-error';">
                            <label class="control-label" for="username">Username</label>
                            <input type="text" class="form-control" id="username" name="username"
                                   ng-model="input.username" required>
                            <span class="glyphicon form-control-feedback"
                                  ng-class="loginForm.username.$valid ? 'glyphicon-ok' : 'glyphicon-remove';"></span>
                        </div>

моя страница входа

2 ответа

0
Лучший ответ

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

  • вы можете установить его просто набивкой или верхним дном

for (Во-вторых, как установить, если первый раз перезагрузить страницу, значок не отображается до тех пор, пока я не начну вводить имя пользователя.)

  • вы должны добавить JavaScript для ввода в фокус add css opacity 1. и по умолчанию добавить css opacity 0. см. ниже код.

CSS - .your-container-class.glyphicon { opacity: 0;}

JS - $("#username").focusin(function() { $("#username").siblings(".glyphicon").css( "opacity", "1" ); });

0

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

.your-container-class .glyphicon {
    margin-top: 15px;
}

Не забудьте обернуть свою форму в div с классом или идентификатором, чтобы избежать использования всего глификона в вашем приложении :-)

Ещё вопросы

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