关于 placeholder 在 360chrome 下的兼容性问题记录

简介:

  placeholder 就不用多介绍了,先来看下下面两个input控件,他们均是密码输入框,一个有 placeholder 属性,一个则没有:

  如果你用360chrome浏览,就会出现这样的效果:

位置不对

但是当鼠标触发焦点的时候,又正常了

最后就是,如果加过 placeholder 属性的输入框,输入的内容在没有到控件长度那

就自动截断了,而没有 placeholder 属性的控件则正常

  这2个问题目前只在 360chrome 上发现,虽然 360chrome 用的是 chrome24 的内核,但是我用原生 chrome24 内核测试,并未发现同样的问题,所以这个 bug 应该是 360chrome 自身造成的。

  附:测试浏览器版本信息



    本文转自胡尐睿丶博客园博客,原文链接:http://www.cnblogs.com/hooray/archive/2013/05/15/3079198.html,如需转载请自行联系原作者

相关文章
|
5月前
|
前端开发
火狐浏览器的select下拉框样式兼容问题
火狐浏览器的select下拉框样式兼容问题
49 0
|
Web App开发 iOS开发
Bug: Safari浏览器input框placeholder和内容都不显示
Bug: Safari浏览器input框placeholder和内容都不显示
239 0
|
Web App开发 iOS开发
Chrome和Safari时间字符串解析兼容
Chrome和Safari时间字符串解析兼容
130 0
Chrome和Safari时间字符串解析兼容
|
iOS开发
微信浏览器中Input的兼容性处理
微信浏览器中Input的兼容性处理
206 0
|
Web App开发 JavaScript 前端开发
VS Code 折腾记 - (17) Debug for Chrome(附加模式[支持浏览器插件的使用])
很早以前就撸过一篇帖子,也是说这个的,但是那时候只是用最傻瓜化的直白的姿势. 新窗口模式,而且配置文件用的是临时文件,拓展这些更是不能用. 用起来感觉不是很好,但时隔一年多,不管是vscode还是当初的插件都完善了很多. 研究了下附加模式,并让拓展也能正常使用的姿势(挺简单的). 用到的插件VSCode插件:
395 0
|
Web App开发 前端开发 Android开发
微信浏览器中 Input 标签 CSS 兼容性问题
微信浏览器中 Input 标签 CSS 兼容性问题
131 0
|
Web App开发 监控 前端开发
Chrome 96又更新了5个巨巨巨好用的功能
大家好,我是零一,收到了 Chrome 96 版本的更新推送,简单看了一下,还是更新了几个挺有趣的东西的,一起来看看到底都有啥~ 先下载 Chrome Beta 版本才能体验 Chrome 96 哈
156 0
Chrome 96又更新了5个巨巨巨好用的功能
|
Web App开发 前端开发 JavaScript
Chrome 88 重要更新解读
2021年1月19日,时隔两个月后,Chrome 发布 M88,一起来看看此版本的重大更新。
Chrome 88 重要更新解读
|
Web App开发 缓存 前端开发
Chrome 87 重要更新解读
该版本是多年来Chrome浏览器性能获得最大提升的一次。一起来一探究竟。
Chrome 87 重要更新解读
|
Web App开发 安全 前端开发
Chrome 86 重要更新解读
Chrome 86 在2020年10月推出了稳定版,现已全面应用于Android、Chrome OS、Linux、macOS 和 Windows等平台,我们一起来看下这次的重要更新。
Chrome 86 重要更新解读