Coding喔

2014-11-28

[jquery] 幫ie8加上placeholder

  • 3040
  • 0
  • CSS
  • 2014-12-16

摘要:[css] 幫ie8加上placeholder

 

使用Jquery :

 

    $(function () {
        // 幫有 placeholder 屬性的輸入框加上提示效果
        $('input[placeholder]').placeholder();
    });

 

使用 CSS :

 

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bfbfbf;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bfbfbf;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bfbfbf;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #bfbfbf;
}
.placeholder{  /* Internet Explorer 8 & 9*/
	color: #bfbfbf;
}

 

參考:


http://www.w3cplus.com/solution/placeholder/placeholder.html

南丁格爾老師

http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css