プレースホルダのスタイルセットに入力ラベルとプレースホルダーテキスト入力スタイル

プレースホルダのスタイル設定

 

入力ボックスに、あなたは、あなたが、プレースホルダのスタイルを設定するには、次のコードを使用することができ、入力ワードとプレースホルダ異なる色または他の効果を設定することもできます。

:: - WebKitの入力、プレースホルダ{} / *使用WebKitのブラウザカーネル* /
:-moz-プレースホルダ{} / * Firefoxバージョン4-18 * /
:: - MOZ、プレースホルダ{} / * Firefoxバージョン19+ * /
:-Ms-入力プレースホルダ{} / * IEブラウザ* /
注1:結腸または入力などに対応TEXTAREAエレメントの前に書かれました。
注2:プレースホルダCSS3プロパティが新しく追加されたプロパティで、CSSセレクタのIE9とOpera12次のバージョンでは、プレースホルダーテキストをサポートしていません。
 
例えば:
CSSコード
 #入力テスト{
        色:#FFC0CB。
        フォントサイズ:1.2em;
        幅:180ピクセル;
        高さ:36px;
}
#入力テスト:: - WebKitの入力、プレースホルダ{
        色:#ADD8E6。
}
#入力テキスト:: - Firefoxのプレースホルダの色はピンクである理由MOZ-プレースホルダは{//、変更はない仕事、大きな牛ヘルプへのポインタを渡すを持っていることになるでしょう方法がわかりません
        色:#ADD8E6。        
}
#入力テキスト:-ms-入力プレースホルダ{//私のIEだけでIE9あるので、それをテストすることができないので、より多くのIE10の赤ちゃんは私が試すことができますよりも、(⊙﹏⊙)、プレースホルダをサポートすることはできません
        色:#ADD8E6。        
}
htmlコード
<DIV ID = "コンテナ">
    <入力ID = "入力テスト" タイプ= "テキスト" プレースホルダ= "修改プレースホルダ样式" />
</ div>
下に示すように、結果:
PS:加えて、プレースホルダのフォント重量及び他のスタイルを変更することができます。
例えば:
以下に示すように、結果:;:私は文「太字量」を追加しました

入力ボックスに、あなたは、あなたが、プレースホルダのスタイルを設定するには、次のコードを使用することができ、入力ワードとプレースホルダ異なる色または他の効果を設定することもできます。

:: - WebKitの入力、プレースホルダ{} / *使用WebKitのブラウザカーネル* /
:-moz-プレースホルダ{} / * Firefoxバージョン4-18 * /
:: - MOZ、プレースホルダ{} / * Firefoxバージョン19+ * /
:-Ms-入力プレースホルダ{} / * IEブラウザ* /
注1:結腸または入力などに対応TEXTAREAエレメントの前に書かれました。
注2:プレースホルダCSS3プロパティが新しく追加されたプロパティで、CSSセレクタのIE9とOpera12次のバージョンでは、プレースホルダーテキストをサポートしていません。
 
例えば:
CSSコード
 #入力テスト{
        色:#FFC0CB。
        フォントサイズ:1.2em;
        幅:180ピクセル;
        高さ:36px;
}
#入力テスト:: - WebKitの入力、プレースホルダ{
        色:#ADD8E6。
}
#入力テキスト:: - Firefoxのプレースホルダの色はピンクである理由MOZ-プレースホルダは{//、変更はない仕事、大きな牛ヘルプへのポインタを渡すを持っていることになるでしょう方法がわかりません
        色:#ADD8E6。        
}
#入力テキスト:-ms-入力プレースホルダ{//私のIEだけでIE9あるので、それをテストすることができないので、より多くのIE10の赤ちゃんは私が試すことができますよりも、(⊙﹏⊙)、プレースホルダをサポートすることはできません
        色:#ADD8E6。        
}
htmlコード
<DIV ID = "コンテナ">
    <入力ID = "入力テスト" タイプ= "テキスト" プレースホルダ= "修改プレースホルダ样式" />
</ div>
下に示すように、結果:
PS:加えて、プレースホルダのフォント重量及び他のスタイルを変更することができます。
例えば:
以下に示すように、結果:;:私は文「太字量」を追加しました

おすすめ

転載: www.cnblogs.com/whoamimy/p/11912135.html