【如何用css给input的placeholder设置颜色】的更多相关文章

如何用css给input的placeholder设置颜色

我在做页面的时候遇到过这种情况,在input标签中有默认字,但是设计稿上的颜色和input标签中的placeholder的默认颜色不一致.虽然我们可以在js中写出,但是有点过于麻烦了. 所以我就用css来给它设置了一下(注意css中有可能存在兼容性问题,如果实在不行还得用js.不过一般要求不严可以用这个偷偷懒). <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&…

css改变input输入框placeholder值颜色

::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } :-ms-input-placeholder { /* Inte…

改变input的placeholder字体颜色

改变input的placeholder字体颜色,注意哦,只是placeholder的字,用户输入的字不可以 input::-webkit-input-placeholder{ coloc:#000; //当然,其他样式也可以在这里修改 } 若只是移动端这样就可以,如实PC端的话,下面的都要加上 -moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome.safari私有属性-o-代表opera浏览器私有属性…

input修改placeholder中颜色和字体大小

input::-webkit-input-placeholder { /* placeholder颜色 */ color: #aab2bd; /* placeholder字体大小 */ font-size: 12px; }…

设置input标签placeholder字体颜色

有时会遇到这样的需求,输入框的默认提示文字与用户输入的文字不同. <input className="city" placeholder="城市"/> input {color:#ff7800} 如果只是设置input的颜色的话是达不到想要的效果的,css3有关于设置placeholder的属性-input-placeholder Webkit内核的浏览器和Microsoft Edge使用的是伪元素::-webkit-input-placeholder…

css 修改input中placeholder提示问题颜色

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(74, 87, 103, 1); } input:-moz-placeholder, textarea:-moz-placeholder { color: rgba(74, 87, 103, 1); } input::-moz-placeholder, textarea::-moz-placeholder { color: rgb…

input的placeholder的颜色、字号、边距设置

#scbar_txt::-webkit-input-placeholder { /* WebKit browsers */    text-indent: 10px; font-size:16px; color:#e4e4e4; }#scbar_txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-indent: 10px; font-size:16px; color:#e4e4e4; }#scbar_txt::-moz-placeh…

input的placeholder文字颜色修改

input::-webkit-input-placeholder { color: #D6D0CA !important; /* WebKit browsers / } input:-moz-placeholder { color: #D6D0CA !important; / Mozilla Firefox 4 to 18 / } input::-moz-placeholder { color: #D6D0CA !important; / Mozilla Firefox 19+ / } inpu…

input type=color 设置颜色

在设置背景色的时候,使用html5 type=color 标签,但是初始值一直都是黑色的,背景如果没有设置的时候,应该是白色,比如文本图元,所以需要设置一个初始的颜色值, 注意: value不实用,怎么修改值都不会改变 需要用default-value 注意:值得确定,不能使用关键字 如red等,还有简写的16进制颜色 需要写全  白色就是#ffffff   <div class="param-gap" v-if="params.pixelType === 'Ellip…

input修改placeholder文字颜色

少废话,上代码: <style> input::-webkit-input-placeholder{ color:red; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:red; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:red; } input:-ms-input-placeholder{ /* Internet Explorer 10-1…