input框placeholder文字顏色以及實現透明輸入框


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #909;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #909;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #909;
}
.form-item>input::-webkit-input-placeholder {
/* placeholder顏色 */
color: #fff;
}

 

.form-item{border:1px solid #fff;width:400px;height:48px;border-radius:24px;margin:40px auto}
.form-item>input{
width:100%;height:100%;display: block;font-size:18px;
border-radius:24px;background: rgba(255,255,255,0.1);
text-align: center;color:#fff;border: 0;outline: none;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM