2016-12-06 12 views
0

入力テキストスタイルをHTML5プレースホルダのように見せたいと思います。 私は単純にcssのデフォルトのプレースホルダースタイルを知りたいと思います。デフォルトのプレースホルダスタイルとは何ですか?

+1

ようONFOCUSあなたもそれを変更することができます。 – andi

+0

デフォルトのスタイルが必要な場合は、要素のスタイルを変更しないでください。 – dommmm

答えて

0

各ブラウザがプレースホルダで独自のスタイルは、すべての基準を::-webkit-input-placeholderを使用するようにするには、独自のデフォルトのスタイル

を自由に作成することができます。各ブラウザが独自のデフォルトスタイルを作成して自由であるinput:focus::-webkit-input-placeholder

::-webkit-input-placeholder { /* WebKit, Blink, Edge */ 
 
    color: #909; 
 
} 
 
input:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */ 
 
    color: red; 
 
} 
 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
 
    color: #909; 
 
    opacity: 1; 
 
} 
 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
 
    color: #909; 
 
    opacity: 1; 
 
} 
 
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
 
    color: #909; 
 
}
<input placeholder="Stack Snippets are awesome!">

関連する問題