ios系统disabled 禁用下颜色变淡问题

原创于 2021-04-20 17:07:18 发布 · 557 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios

移动端ios踩坑历险记专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用 CSS 定制 HTML 输入框的样式，包括字体大小、颜色及占位符颜色，并覆盖了不同浏览器下的伪元素设置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  input {
    font-size: 14px;
    color: #333;
    &::-webkit-input-placeholder {
      color: #ccc;
    }
    input:-moz-placeholder {
      color: #ccc;
    }
    input:-ms-input-placeholder {
      color: #ccc;
    }

    &:disabled {
      color: #666 !important;
      -webkit-text-fill-color: #666;
      -webkit-opacity: 1;
      opacity: 1;
      &::-webkit-input-placeholder {
        color: #666;
      }
      input:-moz-placeholder {
        color: #666;
      }
      input:-ms-input-placeholder {
        color: #666;
      }
    }