**在微信小程序中使用**
修改 input 中 placeholder 的字體大小
直接在里面添加 style(第一種)(只能修改微信小程序)
<input type="text" placeholder="請搜索商品" placeholder-style="color:red;font-size:28rpx">
在里面添加 綁定一個 class placeholder-class="place"(第二種) (只能修改微信小程序)
<input type="text" placeholder="請搜索商品" placeholder-class="place"></input>
<style>
.place{
font-size 28rpx
color red
}
</style>
**在 Vue中使用**
在 vue中 修改 input 中 placeholder的 顏色和 字體大小
1.style中需要作如下修改:
<style>
input::-webkit-input-placeholder {
/* placeholder顏色 */
color: #aab2bd;
/* placeholder字體大小 */
font-size: 12px;
}
</style>
2.HTML中的代碼如下:
<input type="text" placeholder="輸入你想要查找的內容" id="groupName">
3.同理textarea改變字體的大小和顏色方式:
textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #9c9c9c;
}
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #9c9c9c;
}
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #9c9c9c;
}
textarea::-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #9c9c9c;
}