所需输入和占位符的样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了所需输入和占位符的样式相关的知识,希望对你有一定的参考价值。

CSS3 Normalize for Required and Placeholder...
  1. /* non-style for "Required" inputs in Firefox, Chrome and Opera */
  2. input:required,
  3. textarea:required {
  4. -moz-box-shadow:none;
  5. -webkit-box-shadow:none;
  6. -o-box-shadow:none;
  7. box-shadow:none;
  8. outline:none 0;
  9. }
  10.  
  11. /* Styling "Placeholder" input in Chrome and Safari */
  12. ::-webkit-input-placeholder { color:#333; font-style:italic;}
  13.  
  14. /* Styling "Placeholder" input in Firefox */
  15. input:-moz-placeholder,
  16. textarea:-moz-placeholder {
  17. color:#333; font-style:italic;
  18. }

以上是关于所需输入和占位符的样式的主要内容,如果未能解决你的问题,请参考以下文章

如何在资源管理器的文本区域中设置占位符的样式?

Internet Explorer 占位符样式问题

如何在 React Native 中更改 TextInput 占位符的样式?

如何更改输入标签占位符的语言?

用于输入占位符的 HTML5 图像图标

打造一个支持占位符的多行文本输入框