input 框设置placeholder文字的颜色

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

原文地址：https://www.cnblogs.com/zhanglw456/p/10950759.html

时间： 2024-11-08 01:58:12

input 框设置placeholder文字的颜色的相关文章

修改input框默认显示的字体颜色

修改input框默认显示的字体颜色(还可以修改字体大小) //chrome谷歌浏览器,Safari苹果浏览器 input[name="color"]::-webkit-input-placeholder { /* WebKit browsers */ color: red; font-size:15px;} //firefox火狐浏览器input[name="color"]:-moz-placeholder { /* Mozilla Firefox 4 to 18

苹果手机input框上方有一条阴影线以及input框的placeholder颜色的设置

今天做手机端的时候,用到input框来输入手机号码,但是在安卓手机上input的效果是正常的,在苹果手机上,input的上边框会变粗,有阴影因为苹果手机的默认给input加上了阴影给input加入一下代码就解决这个问题了: input { border: none; outline: none; -webkit-appearance: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

修改输入框placeholder文字默认颜色-webkit-input-placeholder

针对placeholder来设置想要的颜色 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000;opacity:1; } input:-ms-input-placeholder{ color: #000;opacity:1; } input::-webkit-input-place

input 框的 placeholder 另类实现

昨天偶然想到了插入图片,但是图片不够灵活,文字的话想怎么写就怎么写.于是就又搞出了一种实现方式. 方法主要在于灵活,将 ie 与 chrome 的差异性尽量降低. 这里使用 angular 最终可以封装为指令,利于调用等~ 下面我们上代码: <!DOCTYPE html> <html ng-app='myApp'> <head> <meta charset='utf-8'> <script src='angular.js'></script

修改输入框placeholder文字默认颜色

今天做移动页面,突然发现输入框的默认placeholder文字,在输入错误时需要修改样式提示用户填错信息了,可是不知道怎么修改(本人是新手).蒙了个头,然后百度placeholder,还是度娘有用点. html5 placeholder使用css就可以修改了,各浏览器分别如下: ::-webkit-input-placeholder{ /* WebKit browsers */ color:#000000; } :-moz-placeholder { /* Mozilla Firefox 4 t

input框自动填充内容背景颜色为黄色解决方法

谷歌浏览器input自动填充内容,背景色会是黄色,想改的话: input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;} 这种方法没有了黄色背景,但是一点击input框还是会变为黄色 input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;} 这种点击框也不会出现黄色了还有一种就是关闭自动填充autocomplete="off&q

关于iso不兼容input框设置readonly属性后

苹果设备,对于输入框设置了readonly属性以后,还是会有光标显示.可以在input\textarea设置了readonly属性后,在script中增加:$('input[readonly]').on('focus', function() {$(this).trigger('blur');});就不在显示光标了.动态生成元素的点击事件$(document).on("click",'.class1,.class2,...',function(){})或$('.class1,.clas

设置placeholder的字体颜色

//设置字体颜色 [self.searchTextField setValue:[UIColor colorWithRed:0.50 green:0.50 blue:0.50 alpha:1.0] forKeyPath:@"_placeholderLabel.textColor"]; //设置字体大小 [self.searchTextField setValue:[UIFont systemFontOfSize:15] forKeyPath:@"_placeholderLab

怎样使一个INPUT框里的文字在框被点击后自动全选或清除？

$("#smsContent").focus(function(){ this.select(); }); <input name="keywords" type="text" value="关键字" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.