修改input 的 placeholder 样式

本文主要是介绍修改input 的 placeholder 样式，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

body {
  --color-placeholder: #999; 
  --font-size-placeholder: 12px;
}


input::-webkit-input-placeholder {
  color: var(--color-placeholder);
  font-size: var(--font-size-placeholder);
}

input::-moz-placeholder {
  color: var(--color-placeholder);
  font-size: var(--font-size-placeholder);
}

input:-ms-input-placeholder {
  color: var(--color-placeholder);
  font-size: var(--font-size-placeholder);
}

input::-webkit-input-placeholder {
  color: var(--color-placeholder);
  font-size: var(--font-size-placeholder);

}
input::placeholder {
  color: var(--color-placeholder);
  font-size: var(--font-size-placeholder);
}

这篇关于修改input 的 placeholder 样式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！