有关 input默认宽度

简介: chrome浏览器 发现inpput默认宽度和font-size 以及font-family有关, 有关: 没有设置font-size   169px font-size:12px;   146px font-...

chrome浏览器


发现inpput默认宽度和font-size

以及font-family有关,

有关:


没有设置font-size   169px



font-size:12px;   146px



font-size:13   168px



font-size:14   170px




然后加上一些样式指定待padding,border,margin属性,导致input的宽度各种各样 ,各种莫名其妙


总算搞明白 input宽度的问题了



补充后来发现,仅设置:

fon      font-family"Open Sans";

   默认宽度 : 152px;


目录
相关文章
|
4月前
字体的大小(size属性)
【10月更文挑战第7天】字体的大小(size属性)。
66 1
|
7月前
el-input实现后缀图标和clearable的兼容,调整el-input clearable与自定义图标展示位置问题
el-input实现后缀图标和clearable的兼容,调整el-input clearable与自定义图标展示位置问题
393 1
如何修改ELEMENT组件中的padding间距-样式名不能重复问题
如何修改ELEMENT组件中的padding间距-样式名不能重复问题
|
前端开发 数据安全/隐私保护
CSS去掉input框里面的默认字体颜色
CSS去掉input框里面的默认字体颜色
174 1
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
129 0
|
前端开发
input框点击时去掉默认的外层边框
input框点击时去掉默认的外层边框
84 0
|
前端开发
css去掉input框里面的默认颜色
css去掉input框里面的默认颜色
87 0
|
程序员 数据安全/隐私保护
input输入时的边框样式去除
input输入时的边框样式去除
199 0
input输入时的边框样式去除
|
Web App开发 前端开发 开发者
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色