首页 > 代码库 > ie中placeholder属性不支持,js解决
ie中placeholder属性不支持,js解决
ie中placeholder属性不支持,js的解决方法:
//placeholder属性在ie下兼容 function placeholder ( pEle , con ) { var pEle = pEle if( pEle.find("input,textarea").val() == "" ){ pEle.append("<i class=‘placeholder_ie‘>"+con+"</i>"); } pEle.click(function () { $(this).find(".placeholder_ie").css("display","none"); $(this).find("input,textarea").focus(); }) pEle.find("input,textarea").blur(function () { if( pEle.find("input,textarea").val() == "" ){ pEle.find(".placeholder_ie").css("display","inline-block"); } }) } // ie浏览器 if( navigator.appName == "Microsoft Internet Explorer" ){ placeholder( $(".header_box .serach_content").eq(0) , "search..." ); placeholder( $(".news_product .search_website>p").eq(0) , "深圳" ); }
css:
/*输入框ie下placeholder样式*/ .placeholder_ie{ display: inline-block; width:100%; height:26px; position: absolute; left:-42px; top:0; line-height: 26px; font-size: 14px; padding:0 10px; color:#989898; }
ie中placeholder属性不支持,js解决
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。