文本转换：大写;也会影响占位符

本文介绍了文本转换：大写;也会影响占位符的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有以下简单的输入。

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

当我使用 text-transform：capitalize; 以大写每个单词的第一个字母，占位符也被大写：您的用户名是什么？

When I use text-transform: capitalize; to capitalize the first letter of each word, the placeholder also gets capitalized: What Is Your Username?

推荐答案

可以为占位符设置样式 -

You could style the placeholder--

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

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

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

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

这篇关于文本转换：大写;也会影响占位符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！