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

这篇具有很好参考价值的文章主要介绍了微信小程序textarea的placeholder的行高怎么修改。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

目前不支持修改行高。如果你的内容设置了行高但是placeholder没有行高会导致输入内容的时候感觉不是对齐的,想要解决这个问题怎么办呢/

我们可以自己写个text假装是placeholder的内容。然后textarea获取焦点输入内容的时候就不显示这个text的内容。文章来源地址https://www.toymoban.com/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;
}

到了这里,关于微信小程序textarea的placeholder的行高怎么修改的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • CSS:浏览器设置placeholder样式 / 微信小程序设置placeholder样式

    一、web 设置placeholder 设置浏览器的placeholder样式 二、微信小程序设置placeholder 在小程序中设置placeholder样式需要使用组件的内置属性。可以通过以下方式设置input和textarea的placeholder样式: 在上面的示例中,placeholder-style属性被设置为一个字符串,包含了CSS样式。在这个字符串

    2024年02月04日
    浏览(58)
  • 关于微信小程序 textarea 遇到的坑

    1、获取到焦点 键盘弹出时 页面上拉         解决方法         设置adjust-position为false         参考官网:textarea | uni-app官网 textarea的abjust-position属性                 例子: 注意加: 2、键盘弹出的时候去掉 键盘上方完成“按钮那一栏         解决方法    

    2024年02月15日
    浏览(33)
  • 微信小程序input的placeholder脱离文档流

    今天进行真机调试时input的提示词 placeholder脱离了文档流,但是奇怪的是input框没有脱离文档流 如下图所示: 微信开发工具正常:                                 真机: 不正常 脱离文档流               解决方法:  css 加上定位  效果: 这里记录一下  

    2024年02月16日
    浏览(51)
  • uniapp 微信小程序 placeholder字体、颜色自定义

    效果图: 1、template 2、style

    2024年02月16日
    浏览(53)
  • 微信小程序textarea 键盘弹起挡住了输入框?

    问题: 开发微信小程序中页面底部用到了textarea 当输入内容时键盘挡住了(ios中无测试到问题,此问题发现在安卓华为手机中) 解决方案: 首先通过官网api查看参数设置 如下图设置    此设置在ios系统中可以正常使用,但安卓机中发现并未有效果,既然原有属性无法实现,

    2024年02月11日
    浏览(46)
  • 微信小程序设置input框placeholder的字体大小

    给input框绑定 placeholder-class=\\\"placeholder-style\\\"这个属性。 绑定属性    设置样式  

    2024年02月16日
    浏览(48)
  • placeholder样式自定义(uniapp 微信小程序、h5)

    一、使用uniapp开发 ①第一种方式:(写在行内) ②第二种方式: (给input加上placeholder-class属性,然后给该属性 设置一个类名,在style中设置样式。) 二、使用H5开发

    2024年02月09日
    浏览(37)
  • 微信小程序 - 修改多行文本输入框 placeholder 属性换行显示文字样式的详细教程

    多行文本输入框是微信小程序中常用的组件之一,而placeholder属性则用于在输入框中显示提示文本。然而,默认情况下,placeholder属性中的文字无法实现换行显示,这可能会导致在一些情况下显示不完整或不够明确。在本篇教程中,我将详细介绍如何修改多行文本输入框的pl

    2024年02月03日
    浏览(46)
  • CSS基础:你必须要知道的行高属性 line-height

    作者: WangMin 格言: 努力做好自己喜欢的每一件事 对于初学CSS的同学来说,会有很多属性相关的疑问,行高属性 line-height一定是其中一个,因为它是CSS中非常重要的一个属性,这个属性改变元素在网页中的行高,让你的网页看起来更加整洁,美观。 什么是行高? CSS中的行高(

    2024年02月05日
    浏览(54)
  • 【微信小程序】底部弹窗固定定位fixed+textarea,导致的adjust-position在安卓手机失效问题

    安卓手机测试时候发现,fixed固定定位导致键盘弹出时,textarea无法正常被顶上去。 然后我就尝试了第二种方法用scroll-view将高度设置为100vh时,将页面保持在视口高度,这个时候发现不管是弹窗是fixed还是absolute都无法让安卓手机的键盘弹出时textarea顶上去 最后我用了最后一种

    2024年01月18日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包