HTML:

<input type="text" id="demo" placeholder="請輸入">

CSS:
1. 改變placeholder字體大小：

#demo{height: 100px;width: 100px; } /* Chrome瀏覽器 改變font-size不能垂直居中，所以用scale */ /* transform自行做兼容處理 */ input::-webkit-input-placeholder{transform: scale(.4);transform-origin: 0% 55%; } /* FireFox瀏覽器 可以自動垂直居中 */ input::-moz-placeholder{font-size: 20px; }

2.改變其他屬性

color: red; text-align: left/center/right; text-indent: 5px; opacity: 1 !important;

總結

以上是生活随笔為你收集整理的input框placeholder样式修改的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。