国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序textarea的placeholder的行高怎么修改

這篇具有很好參考價值的文章主要介紹了微信小程序textarea的placeholder的行高怎么修改。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

微信小程序textarea的placeholder的行高怎么修改

目前不支持修改行高。如果你的內(nèi)容設(shè)置了行高但是placeholder沒有行高會導(dǎo)致輸入內(nèi)容的時候感覺不是對齊的,想要解決這個問題怎么辦呢/

我們可以自己寫個text假裝是placeholder的內(nèi)容。然后textarea獲取焦點(diǎn)輸入內(nèi)容的時候就不顯示這個text的內(nèi)容。文章來源地址http://www.zghlxwxcb.cn/news/detail-434719.html

<view class="form-key">
   <textarea class="textarea" maxlength="-1"  model:value="{{keyWords}}"   bindfocus="focus"></textarea>
   <text class="placeholderStyle" wx:if="{{keyWords.length==0}}">輸入你的祝福語或者想對Ta說的話,比如:"爸媽,我愛你們"</text>
</view>
.form-key{
  position: relative;
}
.placeholderStyle{
  position:absolute;
  left:24rpx;
  top:24rpx;
  font-size:28rpx;
  line-height:44rpx;
  color:#ACB4BE;
  display:inline-block;
}

到了這里,關(guān)于微信小程序textarea的placeholder的行高怎么修改的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • CSS:瀏覽器設(shè)置placeholder樣式 / 微信小程序設(shè)置placeholder樣式

    CSS:瀏覽器設(shè)置placeholder樣式 / 微信小程序設(shè)置placeholder樣式

    一、web 設(shè)置placeholder 設(shè)置瀏覽器的placeholder樣式 二、微信小程序設(shè)置placeholder 在小程序中設(shè)置placeholder樣式需要使用組件的內(nèi)置屬性??梢酝ㄟ^以下方式設(shè)置input和textarea的placeholder樣式: 在上面的示例中,placeholder-style屬性被設(shè)置為一個字符串,包含了CSS樣式。在這個字符串

    2024年02月04日
    瀏覽(24)
  • 關(guān)于微信小程序 textarea 遇到的坑

    1、獲取到焦點(diǎn) 鍵盤彈出時 頁面上拉 ? ? ? ? 解決方法 ? ? ? ? 設(shè)置adjust-position為false ? ? ? ? 參考官網(wǎng):textarea | uni-app官網(wǎng)?textarea的abjust-position屬性???????? ????????例子: 注意加: 2、鍵盤彈出的時候去掉 鍵盤上方完成“按鈕那一欄 ????????解決方法 ? ?

    2024年02月15日
    瀏覽(24)
  • 微信小程序input的placeholder脫離文檔流

    微信小程序input的placeholder脫離文檔流

    今天進(jìn)行真機(jī)調(diào)試時input的提示詞 placeholder脫離了文檔流,但是奇怪的是input框沒有脫離文檔流 如下圖所示: 微信開發(fā)工具正常:? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?真機(jī): 不正常 脫離文檔流 ? ? ? ? ? ? ? 解決方法: ?css 加上定位 ?效果: 這里記錄一下 ?

    2024年02月16日
    瀏覽(55)
  • uniapp 微信小程序 placeholder字體、顏色自定義

    uniapp 微信小程序 placeholder字體、顏色自定義

    效果圖: 1、template 2、style

    2024年02月16日
    瀏覽(30)
  • 微信小程序textarea 鍵盤彈起擋住了輸入框?

    微信小程序textarea 鍵盤彈起擋住了輸入框?

    問題: 開發(fā)微信小程序中頁面底部用到了textarea 當(dāng)輸入內(nèi)容時鍵盤擋住了(ios中無測試到問題,此問題發(fā)現(xiàn)在安卓華為手機(jī)中) 解決方案: 首先通過官網(wǎng)api查看參數(shù)設(shè)置 如下圖設(shè)置 ? ?此設(shè)置在ios系統(tǒng)中可以正常使用,但安卓機(jī)中發(fā)現(xiàn)并未有效果,既然原有屬性無法實(shí)現(xiàn),

    2024年02月11日
    瀏覽(26)
  • placeholder樣式自定義(uniapp 微信小程序、h5)

    一、使用uniapp開發(fā) ①第一種方式:(寫在行內(nèi)) ②第二種方式: (給input加上placeholder-class屬性,然后給該屬性 設(shè)置一個類名,在style中設(shè)置樣式。) 二、使用H5開發(fā)

    2024年02月09日
    瀏覽(21)
  • 微信小程序設(shè)置input框placeholder的字體大小

    微信小程序設(shè)置input框placeholder的字體大小

    給input框綁定?placeholder-class=\\\"placeholder-style\\\"這個屬性。 綁定屬性 ? ?設(shè)置樣式 ?

    2024年02月16日
    瀏覽(28)
  • 微信小程序 - 修改多行文本輸入框 placeholder 屬性換行顯示文字樣式的詳細(xì)教程

    多行文本輸入框是微信小程序中常用的組件之一,而placeholder屬性則用于在輸入框中顯示提示文本。然而,默認(rèn)情況下,placeholder屬性中的文字無法實(shí)現(xiàn)換行顯示,這可能會導(dǎo)致在一些情況下顯示不完整或不夠明確。在本篇教程中,我將詳細(xì)介紹如何修改多行文本輸入框的pl

    2024年02月03日
    瀏覽(99)
  • CSS基礎(chǔ):你必須要知道的行高屬性 line-height

    CSS基礎(chǔ):你必須要知道的行高屬性 line-height

    作者: WangMin 格言: 努力做好自己喜歡的每一件事 對于初學(xué)CSS的同學(xué)來說,會有很多屬性相關(guān)的疑問,行高屬性 line-height一定是其中一個,因?yàn)樗荂SS中非常重要的一個屬性,這個屬性改變元素在網(wǎng)頁中的行高,讓你的網(wǎng)頁看起來更加整潔,美觀。 什么是行高? CSS中的行高(

    2024年02月05日
    瀏覽(25)
  • 【微信小程序】底部彈窗固定定位fixed+textarea,導(dǎo)致的adjust-position在安卓手機(jī)失效問題

    安卓手機(jī)測試時候發(fā)現(xiàn),fixed固定定位導(dǎo)致鍵盤彈出時,textarea無法正常被頂上去。 然后我就嘗試了第二種方法用scroll-view將高度設(shè)置為100vh時,將頁面保持在視口高度,這個時候發(fā)現(xiàn)不管是彈窗是fixed還是absolute都無法讓安卓手機(jī)的鍵盤彈出時textarea頂上去 最后我用了最后一種

    2024年01月18日
    瀏覽(31)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包