css修改输入框的placeholder颜色

::-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;}
时间： 2024-11-09 17:44:41

css修改输入框的placeholder颜色的相关文章

用css修改HTML5 input placeholder颜色

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

使用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 修改选中文字的颜色

突然想试着修改一下博客里面文本选中时的颜色,然后就找到了相应的css代码如下: body::selection { color:#FFFFFF; background-color:#E84893; text-shadow:none; } body::-moz-selection { color:#FFFFFF; background-color:#E84893; text-shadow:none; } 效果如下图所示: 1.浏览器默认样式 2.使用上面样式之后

修改HTML5 input placeholder 颜色及修改失效的解决办法

input::input-placeholder{color: #bdbdbd ;} /* 有些资料显示需要写,有些显示不需要,但是在编辑器webstorm中该属性不被识别 */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozi

如何修改HTML5 input placeholder 颜色

有三种实现方式:伪元素(pseudo-elements).伪类( pseudo-classes)和Notihing. WebKit和Blink(Safari,Google Chrome, Opera15+)使用伪元素 ::-webkit-input-placeholder :-moz-placeholder ::-moz-placeholder :-ms-input-placeholder 因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定. 1 ::-webkit-in

利用CSS改变输入框的光标颜色

转:http://www.cnblogs.com/gymmer/p/6810367.html 代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 input,

css修改 表单placeholder的样式

1.表单中经常出现提示性文字,placeholder是最常用的一种方式,下面就来讲解一下如何设置placeholder的样式 ::-webkit-input-placeholder{  color:red;padding:5px; } :-moz-placeholder{  color:red;padding:5px;   } ::-moz-placeholder{  color:red;padding:5px;   } :-ms-input-placeholder{ color:red;pad

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修改UITextField的Placeholder字体颜色

修改UITextField的Placeholder字体颜色有一下两张方式可以达到效果. 第一种: UIColor *color = [UIColor whiteColor]; textfield.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"用户名" attributes:@{NSForegroundColorAttributeName: color}]; 第二种: [textfield set