input placeholder 文字颜色修改

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-11 */
    color:red;
}

IE9及以下版本不支持input的placeholder属性,需要用JS来做兼容。

原文地址:https://www.cnblogs.com/xiaobaiv/p/9080127.html

时间: 2024-10-28 19:46:50

input placeholder 文字颜色修改的相关文章

iOS利用storyboard修改UITextField的placeholder文字颜色

最近有个需求需要修改UITextField的placeholder文字颜色,在网上找发现有用代码修改的,但是考虑到更加优雅的实现,所以尝试着在storyboard中直接实现,结果竟然真的成功了(原谅我太小白),实现的位置如下: 具体步骤: 1.在User Defined Runtime Attributes中添加一个Key. 2.输入Key Path(这里我们输入_placeholderLabel.textColor). 3.选择Type,有很多种(这里我们选择Color) 4.设置Value(

[BS-19]更改UITextField的placeholder文字颜色的5种方法

更改UITextField的placeholder文字颜色的5种方法 想要达到的目标是:一个页面上有多个UITextField,当用户聚焦某textField时,该文本框的placeholder的文字会灰色变为白色,当文本框失去焦点时,placeholder颜色从白色再变回灰色. 1.放置UILabel 最简单最笨的方法是在每个textField里放一个UILabel来充当placeholder,当该textField聚焦时,让placeholder的文字会灰色变为白色,失焦后从白色再变回灰色.

placeholder文字颜色与是否显示兼容性

1.ie显示问题 <script type="text/javascript"> $(document).ready(function(){ var doc=document, inputs=doc.getElementsByTagName('input'), supportPlaceholder='placeholder'in doc.createElement('input'), placeholder=function(input){ var text=input.g

修改placeholder文字颜色

.area_ipt ::-webkit-input-placeholder { /* WebKit browsers */ color:#258aca; } .area_ipt :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#258aca; } .area_ipt ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#258aca; } .area_ipt :-ms-input

placeholder插件及placeholder默认颜色修改

1 $.fn.placeHolder = function(){ 2 $(this).each(function(i, el) { 3 var self = $(el); 4 if ($.browser.msie && !("placeholder" in $("<input/>")[0])) { 5 if(self.attr("data-placeHolder")||!self.attr("placehol

【转载】input placeholder文字垂直居中(Mobile &amp; PC)

转载自:http://www.cnblogs.com/olartan/p/3503354.html Html5输入框支持placeholder,但是在定义文本框中定义placeholder存在兼容问题 <input type="text" placeholder="search word" name="p" /> 但是在chrome下显示的search word并不能垂直居中. 在stackoverflow上找到了对应的方法.参考地址

iOS搜索时状态栏文字颜色修改

问题1:使用UISearchDisplayController搜索时状态栏变黑 解决方案:参考参考文献1的方法将导航控制器的view的背景改为[self.navigationController.view setBackgroundColor:[UIColor whiteColor]];或者搜索条的颜色 问题2:问题1的解决方案可能会导致在iPhone5s上搜索时字体为白色,导致看不清楚状态栏上的时间.电量 解决方案:实现UISearchDisplayDelegate里的两个方法,将要搜索时将状

使用CSS修改HTML5 input placeholder颜色

问题没有实际价值,缺少关键内容,没有改进余地 Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML <input type="text" placeholder="Value" /> 运行结果值还是灰色,Color:red没有作用.有什么方法可以修

用css修改HTML5 input placeholder颜色

使用CSS修改HTML5 input placeholder颜色 本文选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术.本文将为读者讲解HTML5 Input Placeholder Color的个性化设定,需要针对不同浏览器内核来编程. 问题: David Murdoch:Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeh