微信小程序中input标签高度设置

摘要:
如果未设置高度,则显示控件本身的高度。微信小程序输入控件的原始设置:如上图所示,我只覆盖了官方输入的高度,而没有覆盖最小高度查询输入{border:1pxlid#ccc;border-radius:float:right;height:min-height:20px;padding-left:font-size:30rpx;}

如果没有设置高度所以显示的是控件自身的高度。

微信小程序input控件原始设置:

微信小程序中input标签高度设置第1张

 上图发现: 我只覆盖了官方input的height,而没有覆盖min-height;

.query input{
  border: 1px solid #ccc;
  border-radius: 10rpx;
   60%;
  float: right;
  height: 20px;
  min-height: 20px;
  padding-left: 10rpx;
  font-size: 30rpx;
}

免责声明:文章转载自《微信小程序中input标签高度设置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Java-API:javax.servlet.http.HttpServletResponseAAC的各种规格下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

使用js设置input标签只读 readonly 属性

先上代码: <html> <head> <title> test </title> <meta charset="utf-8"> </head> <script language="JavaScript"> function setReadon...

Android系统--输入系统(六)模拟输入驱动程序

Android系统--输入系统(六)模拟输入驱动程序 1. 回顾输入子系统 简单字符设备驱动:应用程序通过调用驱动所实现的函数使能硬件。 输入子系统:由于有多个应用程序使用输入子系统,故肯定使用的是早已规定好驱动接口,我们所需要实现的这是实现硬件相关的操作。 2. 输入子系统特性 有多套open/read/write接口 当应用程序调用这些接口,驱...

基于335X平台Linux交换芯片驱动开发

基于335X平台Linux交换芯片驱动开发   一、软硬件平台资料 1、开发板:创龙AM3359核心板,网口采用RMII形式。 2、Kernel版本:4.4.12,采用FDT 3、交换芯片MARVELL的88E6321.   二、移植准备工作   1、熟悉88E6321的datasheet及Functional_Specification_Rev.0.05...

ubuntu添加中文输入法

11.04以前到版本: 1、System->Administration->Language Support-> Install Languages.  chose  Chinese(simplified), 现在就等待吧。 2、System->Preferences->IBus Prefernces.在Input metho...

input 限制只能输入数字

input只能输入小数点保留2位的正数 <input type="text"placeholder="请输入"onkeyup="this.value= this.value.match(/d+(.d{0,2})?/) ? this.value.match(/d+(.d{0,2})?/)[0] : ''" /> input只能输入正整数 <...

vue 富文本编辑器 项目实战用法

1.挑个富文本编辑器 首先针对自己项目的类型,确定自己要用啥编辑器。 1.1 wangeditor 如果一般类似博客这种项目不需要花里胡哨的,功能也不要求贼多的,推荐一下wangeditor(点击跳转)。能覆盖基本上所有的常见操作,轻量化,开源,有中文文档。 ▽wangeditor效果图  1.2 tinyMCE 如果需要复杂的编辑器,推荐tinyMCE...