资讯专栏INFORMATION COLUMN

IE 8 浏览器 placeholder 兼容性处理

Chiclaim / 3118人阅读

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

写在前面

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

兼容处理

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




    
    Document
    
    
    


    
手机号/邮箱
密码

希望能够对大家有帮助。

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

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

相关文章

  • IE 8 览器 placeholder 容性处理

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

    vboy1010 评论0 收藏0
  • IE 8 览器 placeholder 容性处理

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

    zqhxuyuan 评论0 收藏0
  • placeholder兼容处理

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

    beita 评论0 收藏0
  • ie8兼容问题

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

    Worktile 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<