如何修改input输入框placeholder文字颜色

开发过程中在使用input、textarea标签placeholder作为提示性文字时,往往文字颜色达不到我们的预期效果,因此需要对placeholder属性提示文字默认颜色进行修改,修改的过程也很简单添加样式即可。

input::-webkit-input-placeholder {
    color: #dadada;
  }

  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #dadada;
  }

  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #dadada;
  }

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

浏览器对于样式的解析存在差异性,添加对应浏览器代号的前缀即可解决。

猜你喜欢

转载自blog.csdn.net/weixin_37861326/article/details/82457933