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 { /* Internet Explorer 10+ */
   color:    #fff;
}
时间： 2025-01-09 03:27:20

css改变input输入框placeholder值颜色的相关文章

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

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

jQuery获取各种input输入框的值

1.获取一组radio单选框的值(name属性为一组的radio的name属性) var q1 = $("input[name=element_name]:checked").val(); 2.获取select下拉框的值 var q2 = $("#element").val(); 3.获取几个下拉框组合的值 var q4 = $("#element1").val() + $("#element2").val() + $(&qu

CSS改变默认文本选中的颜色的方法

请选择本页面文本看看:http://hovertree.com/h/bjaf/38hq6y9d.htm 一般情况下在网页里的文本我们用鼠标选中的时候都是蓝色的,这个默认颜色也是可以更改的,本文我们学习如何使用CSS3实现改变默认文本选中的颜色.以我的系统举例(xp 默认主题),浏览器上页面文字选中后默认的背景色是一种蓝色, 不同浏览器的颜色有些许差异,但大致相同,文字颜色也近乎白色. 一.关于浏览器文字选中颜色:在CSS3的爸爸 妈妈还没有相亲认识的时候,要改变页面上文字选中后的背景色以及文字颜

改变input的value值，同时在HTML中将value进行改变

在使用lodop进行打印的时候,需求中有这样一个功能:某个字段可以在页面的input框中进行修改. 但是在进行打印时调用的是静态的HTML代码,这就导致在页面的input框中改变字段之后,但是HTML中的input的value并没有改变. 然后终于找到了好的解决办法: 若只在页面上改变input框中的值并不会使得HTML中的value进行改变,如下: 所以,解决办法如下:当鼠标离开input框时触发下列事件: $('.motorparts').on('blur', function(event)

css使input中的值自动变大写

1 <style type="text/css"> 2 input 3 { 4 text-transform:uppercase; 5 } 6 </style>

CSS 改变input placeholder 颜色

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

css 修改input输入框属性

1.修改输入框颜色背景色等 input[type=text] { width: 340px; padding: 0 25px; height: 48px; border: 1px solid #f2f2f2; background: #f6f6f6; color: #202124; font-size: 14px; line-height: 48px; border-radius: 25px; } 2.修改输入框选中时的边框颜色及背景色 input[type=text]:focus { outl

iOS中通过设置CSS改变WebView字体大小，颜色，背景颜色

因为WebView自带的属性是不可以改变字体大小颜色这些需求的,只能通过改变css样式,内置来解决.在百度上搜了半天很多不靠谱,现在给出几种解决方案如下: 1.第一种方式:在WebView的代理方法webViewDidFinishLoad中: 字体大小: [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '12

调整文本输入框placeholder的颜色等样式

input::-webkit-input-placeholder{     color: white !important;}input:-moz-placeholder{    color: white !important;}input::-moz-placeholder{    color: white !important;}input:-ms-input-placeholder{    color: white !important;} note: 一些手机上闪烁的光标的高度与当前的输