摘要:经过不断的尝试和参考别的产品在下兼容处理。我整理下,具体见下兼容处理通过处理时和时来控制文本的显示和隐藏。其中关键的时和。在父子元素中生效,需要在父级元素设置手机号邮箱密码希望能够对大家有帮助。
写在前面
由于公司的产品需要兼容 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
摘要:经过不断的尝试和参考别的产品在下兼容处理。我整理下,具体见下兼容处理通过处理时和时来控制文本的显示和隐藏。其中关键的时和。在父子元素中生效,需要在父级元素设置手机号邮箱密码希望能够对大家有帮助。 写在前面 由于公司的产品需要兼容 IE8 浏览器,在做登陆时,发现一个问题,placeholder 在input = text 情况下,显示还算正常,但在 input = password 就...
摘要:经过不断的尝试和参考别的产品在下兼容处理。我整理下,具体见下兼容处理通过处理时和时来控制文本的显示和隐藏。其中关键的时和。在父子元素中生效,需要在父级元素设置手机号邮箱密码希望能够对大家有帮助。 写在前面 由于公司的产品需要兼容 IE8 浏览器,在做登陆时,发现一个问题,placeholder 在input = text 情况下,显示还算正常,但在 input = password 就...
摘要:方法一效果预览思路是,首先判断浏览器是否支持属性,如果不支持的话,就遍历所有输入框,获取属性的值填充进输入框作为提示信息,同时字体设置成灰色。 placeholder是HTML5的属性之一,在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果: 在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 极速模式 )...
阅读 2942·2023-04-26 01:32
阅读 1540·2021-09-13 10:37
阅读 2277·2019-08-30 15:56
阅读 1669·2019-08-30 14:00
阅读 3042·2019-08-30 12:44
阅读 1961·2019-08-26 12:20
阅读 1056·2019-08-23 16:29
阅读 3227·2019-08-23 14:44