欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

修改input的placeholder字体颜色

程序员文章站 2022-03-11 17:57:04
...

效果

修改input的placeholder字体颜色

修改input的placeholder字体颜色

html 

<input type="text" class="name inputProgramColor" placeholder="请输入用户名"/>

css

input.inputProgramColor::-webkit-input-placeholder{ 
    color:  rgba(255, 255, 255, 0.5); 
    } 
    input.inputProgramColor:-moz-placeholder{ 
    color:  rgba(255, 255, 255, 0.5); 
    } 
    input.inputProgramColor::-moz-placeholder{ 
    color:  rgba(255, 255, 255, 0.5); 
    } 
    input.inputProgramColor:-ms-input-placeholder{ 
    color:  rgba(255, 255, 255, 0.5); 
    }

 

相关标签: CSS 前端HTML