cssplaceholder颜色（css disabled颜色）

本篇文章给大家谈谈cssplaceholder颜色，以及css disabled颜色对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、移动端中ios里placeholder颜色怎么改变
• 2、asp.net中的textbox 怎么分别设置placeholder 和输入的文本的颜色
• 3、如何自定义 placeholder 文本颜色
• 4、用jquery怎么改变placeholder里面字体的颜色
• 5、css文本框输入字体 颜色
• 6、css文本框输入字体 颜色

移动端中ios里placeholder颜色怎么改变

Chrome支持input=[type=text]占位文本巧戚属性，但下列CSS样式却不起作用：CSS复制代码代码如下:input[placeholder],[placeholder],*[placeholder]{color:red!important;}HTMLinput语句复制代码代码如下:运行结果值还是灰色，Color：red没有作用。有什么方法可以修改占位文本的颜色吗？我在浏览器里安装了jQuery占位文本插件，但仍然无用。(!important只有IE7和firefox能识别）回答：toscho：有三种实现方式：伪元素（pseudo-elements）、伪类（pseudo-classes）和Notihing。WebKit和Blink（孝则陵Safari,GoogleChrome,Opera15+）使用伪元素复制代码代码如下:::-webkit-input-placeholderMozillaFirefox4-18使用伪类复制代码代码如下::-moz-placeholderMozillaFirefox19+使用伪元素复制代码代码如下:::-moz-placeholderIE10使用伪类复制代码代码如下::-ms-input-placeholderIE9和Opera12以下版本的CSS选择器均不支持占位文本。需要注意的是伪元素在ShadowDOM里会起到元素的真实作用。CSS选择器因为每个浏览器的CSS选择器都有所差异，所以需盯竖要针对每个浏览器做单独的设定。复制代码代码如下:::-webkit-input-placeholder{/*WebKitbrowsers*/color:#999;}:-moz-placeholder{/*MozillaFirefox4to18*/color:#999;}::-moz-placeholder{/*MozillaFirefox19+*/color:#999;}:-ms-input-placeholder{/*InternetExplorer10+*/color:#999;}Matt：textareas（文本框可拉伸）风格样式的代码，如下：复制代码代码如下:input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#636363;}input:-moz-placeholder,textarea:-moz-placeholder{color:#636363;}brillout.com：input和Textarea的字体颜色均为红色。所有样式都要针对不同的选择器而定，不要打包整体处理，因为其中一个出问题，其他的都会失效。复制代码代码如下:*::-webkit-input-placeholder{color:red;}*:-moz-placeholder{color:red;}*:-ms-input-placeholder{/*IE10+*/color:red;}JamesDonnelly：在Firefox和IE里，正常input文本颜色覆盖占位符颜色的方法：复制代码代码如下:::-webkit-input-placeholder{color:red;text-overflow:ellipsis;}:-moz-placeholder{color:#acacac!important;text-overflow:ellipsis;}::-moz-placeholder{color:#acacac!important;text-overflow:ellipsis;}/*forthefuture*/:-ms-input-placeholder{color:#acacac!important;text-overflow:ellipsis;}还有一种好法:复制代码代码如下:input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666;}input:-moz-placeholder,textarea:-moz-placeholder{color:#666;}input::-moz-placeholder,textarea::-moz-placeholder{color:#666;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666;}最后一种是从网上找的:复制代码代码如下:$('[placeholder]').focus(function(){varinput=$(this);if(input.val()==input.attr('placeholder')){input.val('');input.removeClass('placeholder');}}).blur(function(){varinput=$(this);if(input.val()==''||input.val()==input.attr('placeholder')){input.addClass('placeholder');input.val(input.attr('placeholder'));}}).blur();$('[placeholder]').parents('form').submit(function(){$(this).find('[placeholder]').each(function(){varinput=$(this);if(input.val()==input.attr('placeholder')){input.val('');}})});这个代码调用的规则是，先加载Javascript再用CSS修改占位符属性。复制代码代码如下:form.placeholder{color:#222;font-size:25px;/*etc*/}user1729061：不用CSS和占位文本，同样能得到相同效果。复制代码代码如下:inputtype="text"value="placeholdertext"onfocus="this.style.color='#000';this.value='';"style="color:#f00;"/

[img]

asp.net中的textbox 怎么分别设置placeholder 和输入的文本的颜色

一、须知 

placeholder属性时css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占用文本。

二、设置placeholder文字颜色激野、字号 

方式1 

因为每个浏览器的CSS选择器都有所差异，所以需要针对每明如喊个浏览器做单独的设定（橡慎可以在冒号前面写input和textarea）。

如何自定义 placeholder 文本颜色

方法：

因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写绝蔽input和textarea)。

::-webkit-input-placeholder { /* WebKit browsers */

color:#999;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color:#999;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color:#999;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

color:#999;

}

还可以写成下面这样：

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

color: #666;

}

input:-moz-placeholder, textarea:-moz-placeholder {

color:#666;

}

input::-moz-placeholder, textarea::-moz-placeholder {

color:#666;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

color:#666;

　并帆州　}

知识点：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。

css伪类：CSS 伪类用于向某些选择器添加特殊的效果。

css伪元素：CSS 伪元素用于向某些选择器设置特殊效果。

伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同轿凳时支持旧的伪类， 如:first-line,:first-letter,:before,:after等等。因此对于css2之前已经有的伪元素两种写法的作用是一样的，但是为了兼容IE浏览器还是使用单冒号的写法。

用jquery怎么改变placeholder里面字体的颜色

这位网友你好，placeholder字体颜色可以直接用css写，不用jQuery的，代码如晌陆春下：

::-webkit-input-placeholder { /* WebKit browsers */

color:#999;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color:#999;

悉碰}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color:#999;

}

:-ms-input-placeholder { /* Internet Explorer 10+ 宴耐*/

color:#999;

}

css文本框输入字体 颜色

css设置文本框输入字体颜色：

直接设绝老置placeholder的字体颜扰贺色为红色就缓宏派行可以了。比如：

input{color:#fff;}

input::-webkit-input-placeholder{color:#fff;}

运行效果：

css文本框输入字体 颜色

css设置

文本框缺升蚂伏埋

输入字体颜色：

直接设置

placeholder

的字体颜色为红色就行可以了。比如：

input{color:#fff;}

input::-webkit-input-placeholder{color:#fff;}

运行效果：笑团

关于cssplaceholder颜色和css disabled颜色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。