×

ie9以下placeholder兼容解决方案

渣渣酒 渣渣酒 发表于2020-11-19 11:37:43 浏览1000 评论0

抢沙发发表评论

在开发官网页面时,经常需要兼容ie7,ie8以上版本,同时也会使用到input提示语的使用。这个时候,我们一般会直接就想到使用placeholder,但是ie9一下就不兼容了。

       兼容解决方案:1.下载jquery.placeholder.js(https://www.bootcdn.cn/jquery-placeholder/);

                               2.在body底部添加

<script src="./js/jquery.placeholder.js"></script>
<script>
    $(function () {
        $('input').placeholder({
            customClass: 'my-placeholder'
        })
    });
</script>

       这样就解决了。