преобразование текста: использовать заглавные буквы; Также влияет на заполнитель

У меня есть следующий простой ввод.

<input type="text" placeholder="What is your username?" />

Когда я использую text-transform: capitalize;, чтобы сделать первую букву каждого слова заглавной, заполнитель также становится заглавным: What Is Your Username?

Как я могу сохранить заполнитель нетронутым?


input html css placeholder capitalize
person Ali Bassam    schedule 14.03.2014    source источник

Ответы (1)


arrow_upward
50
arrow_downward

Вы можете стилизовать заполнитель--

::-webkit-input-placeholder {
   text-transform: initial;
}

:-moz-placeholder { 
   text-transform: initial;
}

::-moz-placeholder {  
   text-transform: initial;
}

:-ms-input-placeholder { 
   text-transform: initial;
}
person Chad    schedule 14.03.2014
comment
Хотя значение initial не поддерживается в IE, вы вместо этого можно использовать значение lowercase. - person Hashem Qolami; 15.03.2014
comment
@HashemQolami да, это был просто пример того, как стилизовать заполнители отдельно от входных данных :) - person Chad; 15.03.2014