Placeholder 透過 - CSSでHTML5入力のプレースホルダーの色を変える

Placeholder Edge / css / html / placeholder / html-input

Chromeは、 input[type=text] 要素のプレースホルダー属性をサポートしています(他の要素もサポートしている可能性があります)。

input[placeholder], [placeholder], *[placeholder] {
    color: red !important;
}
<input type="text" placeholder="Value">

25 revs, 19 users 20%



Answer #1

FirefoxおよびInternetExplorerでは、通常の入力テキストの色がプレースホルダーのcolorプロパティを上書きします。だから、私たちはする必要があります

::-webkit-input-placeholder { 
    color: red; text-overflow: ellipsis; 
}
:-moz-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
}
::-moz-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
} / *将来のために* /
:-ms-input-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
}