修改input、textarea 的placeholder颜色及字体大小

最新推荐文章于 2025-03-17 15:08:30 发布

littlelittlepeng

最新推荐文章于 2025-03-17 15:08:30 发布

阅读量8.9k

点赞数 3

分类专栏： Vue 文章标签： html css3 textarea input placeholder

本文链接：https://blog.youkuaiyun.com/littlelittlepeng/article/details/105028668

版权

Vue 专栏收录该内容

4 篇文章

订阅专栏

修改input的placeholder样式

      input::-webkit-input-placeholder {
          /* placeholder颜色  */
          color: #ff0000;
          /* placeholder字号  */
          font-size: 0.14rem;
        }
        input::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #ff0000;
          font-size: 0.14rem;
        }
        input:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #ff0000;
          font-size: 0.14rem;
        }
        input:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #ff0000;
          font-size: 0.14rem;
        }

修改textarea的placeholder样式

       textarea::-webkit-input-placeholder {
          /* WebKit browsers */
          /* placeholder颜色  */
          color: #ff0000;
          /* placeholder字号  */
          font-size: 0.14rem;
        }
        textarea:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #ff0000;
          font-size: 0.14rem;
        }
        textarea::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #ff0000;
          font-size: 0.14rem;
        }
        textarea::-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #ff0000;
          font-size: 0.14rem;
        }