关于input输入框placeholder属性的样式问题

　　正常状况下，咱们写的input的默认样式是这样的：

　　　　

　　可是开发过程当中，咱们须要实现的效果是这样的：

　　　　

　　实现方法很简单，咱们只须要在style样式里进行以下设置，同时由于适配问题，整体代码以下：　　　　　　　

 input:-ms-input-placeholder{ color: #7ed5c4;
        }/* Internet Explorer 10+ */ input::-webkit-input-placeholder{ color: #7ed5c4;
        }/* WebKit browsers */ input::-moz-placeholder{ color: #7ed5c4;
        } /* Mozilla Firefox 19+ */ input:-moz-placeholder{ color: #7ed5c4;
        }/* Mozilla Firefox 4 to 18 */

　　一样文本域 textarea 也是同样设置，代码以下：　　　

 input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #7ed5c4;
            }/* Internet Explorer 10+ */ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #7ed5c4;
            }/* WebKit browsers */ input::-moz-placeholder,textarea::-moz-placeholder { color: #7ed5c4;
            } /* Mozilla Firefox 19+ */ input:-moz-placeholder,textarea:-moz-placeholder { color: #7ed5c4;
            }/* Mozilla Firefox 4 to 18 */    

　　除了也颜色，字体大小、粗细等也能够设置，这里就不一一列出了，你能够本身多多尝试...

 

                                                                                                                                                                                             by： 木梓李