placehoder不兼容ie9以下和opero12以下

Posted 2020-08-25 九门提督琪琪

颜色设置

解决方案一:

　　::-webkit-input-placeholder { /* WebKit browsers */

　　color:#999;

　　}

　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

　　color:#999;

　　}

　　::-moz-placeholder { /* Mozilla Firefox 19+ */

　　color:#999;

　　}

　　:-ms-input-placeholder { /* Internet Explorer 10+ */

　　color:#999;

　　}

此方法虽然解决了字体和颜色的兼容问题,但在ie和腾讯自带浏览器中的定位还是存在问题,偏input上方,笨拙的方法通过padding-top设置,,但是在正常的浏览器中会偏下,,目前现在的建议还是在input内整体加一个span来操作,,有更好的方法再来补充

2.placehoder.js插件还未用过,,等用过后再来补充