Chrome支持占位符属性的input[type=text]元素(别人可能做太多).
但以下CSS内容对占位符的值没有任何作用:
input[placeholder], [placeholder], *[placeholder] {
color: red !important;
}Run Code Online (Sandbox Code Playgroud)
<input type="text" placeholder="Value">Run Code Online (Sandbox Code Playgroud)
Value仍然会留下grey而不是red.
有没有办法改变占位符文本的颜色?
我正在尝试为sass中的占位符创建一个mixin.
这是我创建的mixin.
@mixin placeholder ($css) {
::-webkit-input-placeholder {$css}
:-moz-placeholder {$css}
::-moz-placeholder {$css}
:-ms-input-placeholder {$css}
}
Run Code Online (Sandbox Code Playgroud)
这就是我想要包含mixin的方式:
@include placeholder(font-style:italic; color: white; font-weight:100;);
Run Code Online (Sandbox Code Playgroud)
显然这不会起作用,因为所有的冒号和分号都被传递给mixin,但是......我真的很想输入静态css并将其传递完全类似于上面的函数.
这可能吗?