私のHTMLは次のとおりです
<h1><span>Check</span> <span>this</span> <span> out</span></h1>
私のcssは次のとおりです
h1{
text-transform: capitalize;
}
h1 span{
text-transform: capitalize;
}
面白いことに、「チェック」という単語だけが大文字で始まります。スパンタグも大文字にする方法
私のコードは
{text-transform: uppercase}
このコードを使用して、文字を大文字で開始します。
これは正常に動作します。なんらかのオーバーライド css が必要です。こちらのフィドルを参照してください http://jsfiddle.net/3MhpQ/
本当に古い Firefox では、これに問題がありました。9 より古いものを使用している場合は、アップグレードしてください。1 つ下のユーザー統計は非常に小さいためです。
"Check" という単語は、実際には HTML で大文字になっているため、機能する唯一の単語です。
何がオーバーライドされているのかわからない場合は、スパンにクラスを追加できます。
.caps { text-transform:capitalize; }
<h1>
<span class="caps">check</span>
<span class="caps">this</span>
<span class="caps"> out</span>
</h1>