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

最新推荐文章于 2022-05-12 00:18:36 发布
最新推荐文章于 2022-05-12 00:18:36 发布
阅读量112 收藏
点赞数

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

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

位置不对

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

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

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

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

　　附：测试浏览器版本信息

weixin_34128839
关注
原生页面兼容IE9问题的解决方案
小海前端
12-07 1129
文章目录前言一、强制360浏览器使用极速模式访问二、IE9对CSS3的支持1、盒模型布局2、IE9对弹性盒布局的支持3、IE9不支持下列CSS3属性4、IE9不支持下列CSS选择器三、IE9对jQuery的支持四、IE9不支持placeholder属性1、普通文本框的解决方案2、密码域的解决方案总结 前言 最近，接了一个客户的原生页面。客户要求该页面必须兼容IE9及其以上版本的浏览器，同时要求360浏览器的兼容模式可以正常访问。360浏览器是可以通过代码强制极速模式的，这个问题比较容易解决。但是要兼容IE
记一次移动端H5开发所遇到的问题与细节,以及ios兼容
想飞的猪的博客
09-14 3894
第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video, 一.移动端禁止缩放 兼容 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 主要属性是user-sca...
input placeholder属性IE、360浏览器兼容性问题
xiaoshengjinbu的博客
03-17 66
效果：http://hovertree.com/texiao/jquery/43/ 效果二：http://hovertree.com/texiao/jquery/43/1/ 请在IE中体验。 1、创建JS文件：jquery.JPlaceholder.js js代码如下： /* * jQuery placeholder, fix for IE6,7,8,9 * hovertree.com *...
placeholder兼容浏览器的解决方案
热门推荐
小记心得
10-14 1万+
关于placeholder的使用，众所周知它是h5的新属性，所以IE9以下就别想用它了，不支持。 那么我们必须要低版本的浏览器，做一些降级处理的兼容，原理自然就是：提示语placeholder用其他方式替代显示咯。 以下是一小段兼容处理。 代码如下： welcome to ixiewei world body{font:12px/1.5 "
placeholder 兼容问题
q542928492的专栏
12-05 374
判断页面是否支持html5 属性 placeholder ，如果不支持设置兼容代码： $(function(){ if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder $('[placeholder]').focus(function() { var input = $(this); i
全宇宙最深入的CSS3 姬成 渡一学习记录
m0_46424423的博客
07-21 1163
全宇宙最深入的CSS3 一、introduction 兼容性前缀 prefix（前缀） browser -webkit chrome/safari -moz firefox -ms IE -o opera 1.历史 更新迭代，兼容性 ---- 加不加前缀 div{ border-radius: ; -webkit-border-radius:; -o-border-radius:; -moz-border-radius:; } 兼容性手册
（Django）Web网页导入pycharm时遇到的问题集合（备份）
weixin_47401619的博客
05-12 3523
（Django）Web网页导入pycharm时遇到的问题集合
（Django）Web网页导入pycharm时遇到的问题集合
weixin_47401619的博客
06-21 2277
pycharm+html
针对IE浏览器9导致input输入款placeholder不显示问题
05-27
针对IE浏览器9导致input输入款placeholder="请输入您想输入的内容"不显示问题
placeholder兼容360 ie
dianji4156的博客
04-13 86
//根据网上的做了一下修改,希望对大家有用 $(function(){ JPlaceHolder.init();}) var JPlaceHolder = { //检测 _check : function(){ return 'placeholder' in document.createElement('input');...
input placeholder在IE10、9、8等浏览器兼容问题
yangqii的博客
09-18 535
一、IE10+浏览器下，input标签会有一个默认的样式，比如文本框的‘×’号，密码框的小眼睛。初衷是好的，有时候很方便，但有时候我们会自己设置样式和功能。可以用伪元素方法去除： ::-ms-clear, ::-ms-reveal{display: none;} IE9以下 ：将input框的宽度设为82px以下就没有了 二、在低版本的IE下，input中的文字位置会改变（偏上显示），解...
placeholder属性兼容处理到IE低版本
一个在全能之路上越走越远的男人。
08-14 618
placeholder 正常只能兼容到IE10 。 解决办法:  在页面底部引入这段脚本，注意，本段脚本Jquery语法，还需要引入Jquery &lt;script type="text/javascript"&gt; if( !('placeholder' in document.createElement('input')) ){ $('input[place...
jquery之图片上传
weixin_34113237的博客
09-07 146
&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%&gt; &lt;c:set var=
input placeholder在IE8中兼容性问题解决
qq_37672347的博客
07-18 450
placeholder在IE8中兼容性问题解决 第一种方法是在页面中添加下面一段脚本： <script type="text/javascript"> if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]')....
::-webkit-input-placeholder 兼容性
最新发布
05-25
对于大多数现代浏览器，`::-webkit-input-placeholder` 是支持的，包括 Chrome、Safari、Edge 和 Opera。但是，对于 Internet Explorer 浏览器，只支持 `::placeholder`。 为了兼容性，可以使用以下 CSS 规则： ``...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值