html – text-transform:capitalize;也影响占位符

前端之家收集整理的这篇文章主要介绍了html – text-transform:capitalize;也影响占位符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下简单的输入.
<input type="text" placeholder="What is your username?" />

当我使用text-transform:capitalize;为了大写每个单词的第一个字母,占位符也被大写:你的用户名是什么?

如何保持占位符的完整性?

解决方法

你可以为占位符设计风格 –
::-webkit-input-placeholder {
   text-transform: initial;
}

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

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

:-ms-input-placeholder { 
   text-transform: initial;
}
原文链接:https://www.f2er.com/html/230902.html

猜你在找的HTML相关文章