相关疑难解决方法(0)

使用CSS更改HTML5输入的占位符颜色

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.

有没有办法改变占位符文本的颜色?

html css html5 placeholder html-input

3876
推荐指数
29
解决办法
171万
查看次数

占位符Mixin SCSS/CSS

我正在尝试为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并将其传递完全类似于上面的函数.

这可能吗?

css sass

117
推荐指数
3
解决办法
10万
查看次数

标签 统计

css ×2

html ×1

html-input ×1

html5 ×1

placeholder ×1

sass ×1