---
tags: Css
---
# CSS 表單
###### tags: `css`
## 改變 Placeholder 這個屬性的文字顏色

::placeholder { /* CSS 3 標準 */
  color: #f00;
}
::-webkit-input-placeholder { /* Chrome, Safari */
  color: #f00;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #f00;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #f00;
  opacity: 1;
}

<iframe height="265" style="width: 100%;" scrolling="no" title="input-placeholder" src="https://codepen.io/juest/embed/BaLGerK?height=265&theme-id=dark&default-tab=css,result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/juest/pen/BaLGerK'>input-placeholder</a> by gt.juest
(<a href='https://codepen.io/juest'>@juest</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>