GaneshRfromSpace Ответов: 2

Как изменить семейство шрифтов заполнителя элементов <input>?


Это мой HTML код

Я создал форму смены пароля. Текст заполнителя отображается в формате засечек. Я пробовал изменить все, но ничто не меняет заполнитель на sans-serif. Разве совсем невозможно изменить семейство шрифтов заполнителя ?

<form class="form-horizontal" role="form" name="changePwdForm" method="POST" action="">

                     <div class="form-group">
                         <label class="sr-only" for="inputPassword">Current Password</label>
                         <input class="form-control form-input-text" name="currentPassword" type="password" id="currentPassword" maxlength="15" placeholder="Enter Current Password" required>
                     </div>
                     <div class="form-group">
                         <label class="sr-only" for="inputPassword">New Password</label>
                         <input class="form-control form-input-text" name="newPassword" type="password" id="inputPassword" maxlength="15" placeholder="Enter New Password" onkeyup="validateNewPassword(); return false;" required>
                         <span id="validateMessage"></span>
                     </div>
                     <div class="form-group">
                         <label class="sr-only" for="inputPassword">Re-Enter New Password</label>
                         <input class="form-control form-input-text" name="confirmPassword" type="password" id="confirmPassword" maxlength="15" placeholder="Confirm New Password" onclick="validateSubmit();" onkeyup="checkPassword(); return false;" required>
                         <span id="confirmMessage"></span>
                     </div>

                     <div class="center-block">
                         <input name="submit" type="submit" class="btn btn-lg center-block form-btn" value="Submit">
                     </div>
                 </form>


Что я уже пробовал:

input {
	font-family: "Times New Roman", sans-serif;
}
::-webkit-input-placeholder {
    font-family: "Times New Roman", sans-serif;
}
:-moz-placeholder {
    font-family: "Times New Roman", sans-serif;
}
::-moz-placeholder {
    font-family: "Times New Roman", sans-serif;
}
:-ms-input-placeholder {
    font-family: "Times New Roman", sans-serif;
}
.form-input-text {
	font-family: "Times New Roman", sans-serif;
}


Это мой фрагмент кода css

Graeme_Grant

Этот сайт-Весь или только в одном месте?

Если сайт общесистемный, то вам следует зайти в свой загрузочный файл bootstrap.min.css найти семейство шрифтов и поставить тот, который вам нужен.

GaneshRfromSpace

Я хочу, чтобы это было на всех экранах моего проекта.

Graeme_Grant

Самое простое решение-зайти в свой загрузочный файл bootstrap.min.css найти семейство шрифтов и поставить тот, который вам нужен.

2 Ответов

Рейтинг:
14

Kochathu Thomas Tinu

Try to use !important.


//==================================
.form-input-text
{
font-family: "Times New Roman", sans-serif !important;
}

//==================================


Рейтинг:
0

Member 12659542

<pre>::-webkit-input-placeholder { font-family: "Times New Roman", sans-serif !important;}
::-moz-placeholder { font-family: "Times New Roman", sans-serif !important; } /* firefox 19+ */
:-ms-input-placeholder { font-family: "Times New Roman", sans-serif !important; } /* ie */
input:-moz-placeholder { font-family: "Times New Roman", sans-serif !important; }


Попробуйте этот код и Демо Здесь