css placeholder 默认文字样式修改

最新推荐文章于 2024-08-11 20:16:53 发布

原创最新推荐文章于 2024-08-11 20:16:53 发布 · 219 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文详细介绍了如何使用CSS为不同浏览器的输入框设置统一的字体大小和行高，包括WebKit、Mozilla Firefox和Internet Explorer等，确保了网页设计的一致性和用户体验。

&::-webkit-input-placeholder { /* WebKit browsers */
        font-size: 30/@base;
        line-height: 1em
      }
      &::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: 30/@base;
        line-height: 1em
      }
      &::-ms-input-placeholder { /* Internet Explorer 10+ */
        font-size: 30/@base;
        line-height: 1em
      }