placeholder支持ie

来源：互联网发布：移动网络维护人员体检编辑：程序博客网时间：2024/06/05 04:08

ie低版本不支持placeholder的情况可以解决了

只需简单的计步

1、文档引入jQuery

2、文档引入jquery-placeholder.js （压缩版仅仅3.21k）

3、简单的js

$(function(){

$('input').placeholder();

})

</script>

大功告成，是不是很简单呢！

github地址https://github.com/mathiasbynens/jquery-placeholder

placeholder 的css样式写法

::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    #909;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:    #909;   opacity:  1;}::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    #909;   opacity:  1;}:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:    #909;}::-ms-input-placeholder { /* Microsoft Edge */   color:    #909;}

更多框架写法见stackoverflow：https://stackoverflow.com/questions/2610497/change-an-html5-inputs-placeholder-color-with-css/2610741#2610741

阅读全文

0 0