修改 input 中 placeholder的 顏色和 字體大小


**在微信小程序中使用**

修改 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;
 
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM