解决 输入框input width 在IE8和chrome 显示不一样

最新推荐文章于 2022-06-09 14:57:14 发布
最新推荐文章于 2022-06-09 14:57:14 发布
阅读量1.5k 收藏 1
点赞数
文章标签： chrome ie 8 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i_mili/article/details/51376078
版权

输入框input, 定义了width: 200px; 

在Chrome, 非IE8上盒子显示的是: 188px


在IE8上显示的是: 200px;


加了box-sizing: border-box, IE8也显示为: 188px


eleven夭夭
关注
修正 input 标签 在 IE、chrome、Firefox浏览器下显示不一致的问题
无止境学的博客
12-02 1281
处理前，效果如图： Chrome Firefox IE 如图所示，除了chrome ，Firefox 、IE 下，输入框 的上边和左边均有黑色阴影，为了让他们效果一致，我们来为 input 标签，人为设定一个 border 样式 ，不使用浏览器默认的。 <!DOCTYPE html> <html> <head> <meta charset="...
js多方框输入密码_js jquery多种方法实现input密码输入框的隐藏和显示
weixin_30636329的博客
01-13 1157
最近在做项目时，遇到这么一个需求，就是要实现对登录页面的input密码输入框的隐藏和显示效果，即默认隐藏，点击显示隐藏的密码，再次点击隐藏输入的密码。相信大家都见过类似登录页的效果，毕竟因为人生太短暂，不要浪费时间重新输入密码，为了方便下次登录，很多项目登录页都采用此效果，所以这里就不多说了，直接我们看实现的方法，这里码云笔记准备了三种实现方法，当然各有利弊。效果原理就是点击切换password为...
IE和谷歌浏览器下div宽度不一致的问题解决.txt
11-28
IE和谷歌浏览器下div宽度不一致的问题解决.txt
IE下input=text和input=password的长度不一致
weixin_34319111的博客
04-01 137
IE下input类型为text和password的长度不一致的原因是源于字体，password默认是英文字体，而text默认为定义的字体或者中文字体（我想这是在中文系统浏览器环境下的原因），从而出现了长度不同的现象。解决的方案有二：1.为input设置font-family英文字体input {font-family:'Verdana';}2.将text和password的width属...
textarea 自适应大小 兼容Chrome ie等浏览器
04-08
textarea 自适应大小 兼容Chrome ie等浏览器，自动调整大小
IE中input标签密码框与文本框宽度不一样问题
weixin_33971130的博客
09-22 280
前言 在项目登录界面中有账户和密码的输入框，在Chrome中显示是正常的（本人使用的是Chrome浏览器，平时不用IE）。等部署到客户的服务器上，访问时发现一个问题，在IE浏览器中文本框与密码框的宽度不一样。 问题 IE浏览器在没有设置 input 的宽度时，type="text" 和 type="password" 的长度不一样。 解决...
解决Android软键盘弹出覆盖h5页面输入框问题
01-20
在Android平台上，开发H5页面时常遇到一个问题：当用户点击位于页面底部或下方的输入框时，软键盘弹出会遮挡输入框，导致用户体验不佳。这个问题主要涉及到H5页面的布局、Android设备的交互特性以及浏览器的适配。...
input file上传文件样式支持html5的浏览器解决方案
12-13
一个是file上传控件在火狐下无法通过css改变width，另一个是file上传控件在不同的浏览器下的外观和行为都不一样。 下面是file上传控件在IE10，firefox16，chrome22,opera12,safari5.1.7里的截图：  在IE10里，双击...
解决 input 输入框在中文输入法下的 bug
Mrluog的博客
02-01 4644
最近本山人在项目的开发过程中遇到这么一个问题： 在列表中嵌入antd的Input输入框，切换到微软输入法输入时，就不能成功输入中文字符，然而搜狗输入法又是正常的。 研究一番，发现是input的value这王八蛋在搞事情，每次输入都会调用onChange事件。而搜狗输入法和微软的输入法对onChange调用机制不同，所以就会出现这种情况（至于有何不同，在这里就不做陈述了，麻烦各位自行问度娘）。 解决方法：对input框进行二次封装，对onChange调用机制进行处理。 话不多说，直接撸代码才是王道（这里封装的
在IE6、ie7下input选择框与文字对齐 和ie更高版本无法一致的解决办法
金色猪子的PHP成长之路
01-17 6682
今天遇到了一个CSS问题，就是我的代码里面Input竟然与文字无法对齐   自动登录 就是这样的一个写法，要么是IE7对不齐，要不就是高版本对不齐。后来我想用!important来解决，后来发现IE9貌似已经能够辨析这个了。 在解决的问题过程中，我发现在IE7下面和更高版本占用的宽高是不一致的，但是眼睛看过去，明明选择框一样的大小啊，我反复确认并把input的margin、pad
ExtJs中解决IE的min-width问题
SailingAptech的专栏
07-02 182
当使用了ExtJs后，脚本documentElement.clientWidth得到的值是0，需要换成Ext.getBody().getWidth()来获得。 关于解决IE的min-width方法就可以这样写： //===========Style===============// [code="html"]#hxcy{ text-align:right;margin:0 auto...
谷歌与IE浏览器兼容问题
weixin_43391020的博客
06-09 2713
目前在做浏览器升级的工作，要保证IE和谷歌都能正常使用，记录一下升级过程中的一些方法。
表单input按钮在各浏览器之间的兼容性
tataqiuqiu前端学习记录
10-21 583
input按钮在各个浏览器之间的兼容性问题,看下边这段代码： input.item { background: #4D90FE; border: 1px solid #4D90BB; color: white; } 这是很简单的一个input提交按钮，它在各大浏览器中的情况如下： 很明显，我们会看到它在每个浏览器中的效果都是长短不一，参差不齐的，哪个是标准的也不好说。
前端vue+element ie兼容性问题
weixin_42459543的博客
05-26 5848
1、版本兼容性问题 vue 只兼容ie8以上版本； ie8及以下版本不支持Object.defineProperty方法，但这个是vue实现响应式的所必须的，所以从Vue的源码来看根本就无法支持IE82、IE 不兼容axios的promiss对象; 在项目中使用了ES6 promise对象 安装：npm install es6-promise；3、IE 不兼容es6语法； IE不支持ES6语法 安装：npm install --save babel-polyfill； 配置：module.ex.
IE和谷歌浏览器显示 效果不一样解决办法
热门推荐
昊谦粑粑
09-27 1万+
空格在ie、firefox、chrome浏览器上显示的效果不太一样，主要是前面的空格宽度不同，这可能是因为不同的浏览器会有不同的默认字体，一般 IE默认字体都是宋体，下面为大家介绍几种不错的解决方法
对input设置height在非ie浏览器下失效
桂小Z
07-10 2192
对input控件设置CSS属性时，如果对其高度height进行设置后，在IE上可以正确显示，但是如果在Safair、Chrome、Firefox等WebKit为核心的浏览器上却实效。 /* 这样设置只对IE有效，对其他内核的浏览器无效 */ input {     height:30px
el-input输入框超出显示
最新发布
05-05
如果你的 `el-input` 输入框超出了显示范围，可以尝试以下几种方法： 1. 设置 `width` 属性为固定值或百分比值，例如：`<el-input width="80%"></el-input>` 2. 使用 `max-width` 属性限制输入框的最大宽度，例如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值