Центральная форма ввода и заполнителя?

Question

Я использую AngularJS и Ionic.

У меня есть поле ввода электронной почты:

<input type="password" placeholder="Password" ng-model="data.password"> 

, где я хотел бы центрировать текст. Я попытался оба:

<input type="password" placeholder="Password" ng-model="data.password" class="align-center"> 
<input type="password" placeholder="Password" ng-model="data.password" class="center"> 

но ни одна попытка не сделало разницу.

• Почему ни одна из попыток не прошла успешно?
• Как я могу сосредоточить текст?
• Является ли это ситуацией, когда добавление структуры стилей, такой как Bootstrap, было бы выгодным?

Answer 1

Буквально все, что вам нужно, это добавить text-align:center к вашему полю ввода через класс CSS или встроенный стиль. Мы не можем видеть, какие CSS классы, которые вы пытались использовать, включают, поэтому мы не можем знать, почему они не сработали для вас. :(

Fiddle:

http://jsfiddle.net/HB7LU/20067/

Answer 2

вы можете использовать этот класс начальной загрузки к центру тексту

class="text-center" 

---

как это:

<input type="password" placeholder="Password" ng-model="data.password" class="text-center"> 

Answer 3

Например:

<input class="text-center" type="password" ng-model="user.password">