文章内容

2020/5/21 16:09:04,作 者: 黄兵

更改input placeholder颜色

最近需要更改一个input的placeholder的颜色,具体实现如下:

<input type="text" placeholder="A red placeholder text..">

具体CSS内容如下:

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}

伪元素::placeholder可以选择一个表单元素的占位文本,它允许开发者和设计师自定义占位文本的样式。


参考资料:

1、MDN - ::placeholder

分享到:

发表评论

评论列表