IE 8 浏览器 placeholder 兼容性处理

Chiclaim 发布于2019-08-02 15:10 / 3093人阅读

摘要：经过不断的尝试和参考别的产品在下兼容处理。我整理下，具体见下兼容处理通过处理时和时来控制文本的显示和隐藏。其中关键的时和。在父子元素中生效，需要在父级元素设置手机号邮箱密码希望能够对大家有帮助。

写在前面

由于公司的产品需要兼容 IE8 浏览器，在做登陆时，发现一个问题，placeholder 在input = text 情况下，显示还算正常，但在 input = password 就变成了两个点，百度，gg很多，有的是通过lable 模拟，另外还有通过定位模拟，发现都不能很好地解决password 为点的问题。经过不断的尝试和参考别的产品在 IE 8 下兼容处理。我整理下，具体见下：

兼容处理

通过处理input focus时和 blur 时来控制文本的显示和隐藏。其中关键的时 input {background: none;} 和 z-index。
z-index 在父子元素中生效，需要在父级元素设置 position: relative

希望能够对大家有帮助。

GPU云服务器云服务器怎么让IE浏览器兼容webrtc ie6兼容性 ie8兼容性 ie兼容

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/53949.html

IE 8 浏览器 placeholder 兼容性处理

摘要：经过不断的尝试和参考别的产品在下兼容处理。我整理下，具体见下兼容处理通过处理时和时来控制文本的显示和隐藏。其中关键的时和。在父子元素中生效，需要在父级元素设置手机号邮箱密码希望能够对大家有帮助。写在前面由于公司的产品需要兼容 IE8 浏览器，在做登陆时，发现一个问题，placeholder 在input = text 情况下，显示还算正常，但在 input = password 就...

vboy1010 2019-08-26 13:58 评论0 收藏0
IE 8 浏览器 placeholder 兼容性处理

摘要：经过不断的尝试和参考别的产品在下兼容处理。我整理下，具体见下兼容处理通过处理时和时来控制文本的显示和隐藏。其中关键的时和。在父子元素中生效，需要在父级元素设置手机号邮箱密码希望能够对大家有帮助。写在前面由于公司的产品需要兼容 IE8 浏览器，在做登陆时，发现一个问题，placeholder 在input = text 情况下，显示还算正常，但在 input = password 就...

zqhxuyuan 2019-08-30 11:00 评论0 收藏0
placeholder的兼容处理

摘要：方法一效果预览思路是，首先判断浏览器是否支持属性，如果不支持的话，就遍历所有输入框，获取属性的值填充进输入框作为提示信息，同时字体设置成灰色。 placeholder是HTML5的属性之一，在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果：在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 极速模式 )...

beita 2019-08-20 15:41 评论0 收藏0
ie8兼容问题

input标签placeholder 1.input里面的placeholder属性，在pc端用的特别好，但是万恶的ie8,placeholder竟然不支持。于是找到一种方法解决在ie8中placeholder无效的事 $(function() { // 如果不支持placeholder，用jQuery来完成 if(!isSupportPlaceholder()) { ...

Worktile 2019-08-02 11:57 评论0 收藏0