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

最新推荐文章于 2022-06-09 14:57:14 发布

eleven夭夭

最新推荐文章于 2022-06-09 14:57:14 发布

阅读量1.5k

点赞数

文章标签： chrome ie 8 css

本文链接：https://blog.csdn.net/i_mili/article/details/51376078

版权

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

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

在IE8上显示的是: 200px;

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

eleven夭夭

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

修正 input 标签在 IE、chrome、Firefox浏览器下显示不一致的问题

无止境学的博客

12-02

1258

处理前，效果如图： Chrome Firefox IE 如图所示，除了chrome ，Firefox 、IE 下，输入框 的上边和左边均有黑色阴影，为了让他们效果一致，我们来为 input 标签，人为设定一个 border 样式，不使用浏览器默认的。 <!DOCTYPE html> <html> <head> <meta charset="...

js多方框输入密码_js jquery多种方法实现input密码输入框的隐藏和显示

weixin_30636329的博客

01-13

1134

最近在做项目时，遇到这么一个需求，就是要实现对登录页面的input密码输入框的隐藏和显示效果，即默认隐藏，点击显示隐藏的密码，再次点击隐藏输入的密码。相信大家都见过类似登录页的效果，毕竟因为人生太短暂，不要浪费时间重新输入密码，为了方便下次登录，很多项目登录页都采用此效果，所以这里就不多说了，直接我们看实现的方法，这里码云笔记准备了三种实现方法，当然各有利弊。效果原理就是点击切换password为...

参与评论您还未登录，请先登录后发表或查看评论

IE和谷歌浏览器下div宽度不一致的问题解决.txt

11-28

IE和谷歌浏览器下div宽度不一致的问题解决.txt

IE下input=text和input=password的长度不一致

weixin_34319111的博客

04-01

130

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

271

前言在项目登录界面中有账户和密码的输入框，在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里，双击...

html输入框的文字居中显示,input文本输入框的文字居中处理

weixin_39578867的博客

06-10

5172

input测试/*reset.css*/body{width:960px;margin:10px auto;padding:0;font:12px/1.5 Arial, Helvetica, sans-serif;}input { padding:0; }/***---测试高度解析，文本居中差异以及提示输入线差异---***/.gb_sear input { font:16px "宋体", ari...

在IE6、ie7下input选择框与文字对齐和ie更高版本无法一致的解决办法

金色猪子的PHP成长之路

01-17

6672

今天遇到了一个CSS问题，就是我的代码里面Input竟然与文字无法对齐自动登录就是这样的一个写法，要么是IE7对不齐，要不就是高版本对不齐。后来我想用!important来解决，后来发现IE9貌似已经能够辨析这个了。在解决的问题过程中，我发现在IE7下面和更高版本占用的宽高是不一致的，但是眼睛看过去，明明选择框一样的大小啊，我反复确认并把input的margin、pad

ExtJs中解决IE的min-width问题

SailingAptech的专栏

07-02

170

当使用了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

2682

目前在做浏览器升级的工作，要保证IE和谷歌都能正常使用，记录一下升级过程中的一些方法。

表单input按钮在各浏览器之间的兼容性

tataqiuqiu前端学习记录

10-21

575

input按钮在各个浏览器之间的兼容性问题,看下边这段代码： input.item { background: #4D90FE; border: 1px solid #4D90BB; color: white; } 这是很简单的一个input提交按钮，它在各大浏览器中的情况如下：很明显，我们会看到它在每个浏览器中的效果都是长短不一，参差不齐的，哪个是标准的也不好说。

前端vue+element ie兼容性问题

weixin_42459543的博客

05-26

5791

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.

input标签写CSS时需要注意的几点

思考者的LAMP技术博客

08-04

1009

飞鱼的声纳顶部的搜索框让我头疼了很长时间，原因是总不能获得跨浏览器的统一样式。主要的问题有这么两个：一是input标签的高度不能统一，Firefox和IE中的高度始终不能一致；二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示，而是靠输

IE8 textarea、input 宽度问题

supershuyun的博客

09-06

761

1.IE8 文本域中滚动条乱跳问题描述1：前提我们没有给文本域设置宽度，当文本域中的文字超过文本域的高度的时候，会出现滚动条，ie8下当我们将滚动条拉到最下面时候。按回车，滚动条会突然跳至上面或者中间，影响操作。解决：给文本域指定宽度，即：width:100px; 2.IE8 文本框宽度与其他浏览器不一致问题描述2：给input设置指定宽度，在ie8下宽度和其他浏览器是不一致的，很...

el-input输入框超出显示

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

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