一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController <UITextFieldDelegate> @end RootViewController.m #import "RootViewController.h" @interface RootViewController () @end @i…

//  placeholder 颜色 [field setValue:[UIColor redColor] forKeyPath:@"_placeholderLabel.textColor"]; //  placeholder 字体大小  [field setValue:[UIFont boldSystemFontOfSize:20] forKeyPath:@"_placeholderLabel.font"];…

//创建UITextField对象 UITextField * tf=[[UITextField alloc]init];    //设置Placeholder颜色 [text setAttributedPlaceholder:[[NSAttributedString alloc]initWithString:CustomLocalizedString(@"UserName", nil) attributes:@{NSForegroundColorAttributeName:[UICo…

转自:http://blog.csdn.net/mazy_ma/article/details/51775670 有时,UITextField自带的Placeholder的颜色太浅或者不满足需求,所以需要修改,而UITextField没有直接的属性去修改Placeholder的颜色,所以只能通过其他间接方式去修改. 例如:系统默认的Placeholder颜色太浅 需要加深颜色,或者改变颜色 方法一:通过attributedPlaceholder属性修改Placeholder颜色 CGFloat…

本文转载至 http://m.blog.csdn.net/blog/a394318511/8025170 我们有时需要定制化UITextField对象的风格,可以添加许多不同的重写方法,来改变文本字段的显示行为.这些方法都会返回一个CGRect结构,制定了文本字段每个部件的边界范围,甚至修改placeHolder颜色,字体. – textRectForBounds:     //重写来重置文字区域 – drawTextInRect:        //改变绘文字属性.重写时调用super可以按默…

/* placeholder颜色 */::-webkit-input-placeholder { /* WebKit browsers */color: #ccc;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #ccc;}::-moz-placeholder { /* Mozilla Firefox 19+ */color: #ccc;}:-ms-input-placeholder { /* Internet Explorer…

我们有时需要定制化UITextField对象的风格,可以添加许多不同的重写方法,来改变文本字段的显示行为.这些方法都会返回一个CGRect结构,制定了文本字段每个部件的边界范围,甚至修改placeHolder颜色,字体. – textRectForBounds:     //重写来重置文字区域 – drawTextInRect:        //改变绘文字属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数,就不用调用super了. – placeholderRectFor…

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

css3 input placeholder颜色修改方法<pre> input::-webkit-input-placeholder { /* placeholder颜色 */ color: #0d4123; } </pre>…

设置UITextField的placeholder颜色 UIColor *color = [UIColor blackColor]; textField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"密码" attributes:@{NSForegroundColorAttributeName: color}];…

在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能,之前还傻傻的在用js来实现类似功能... 示例 <form action="demo_form.asp" method="get"> <input type="search" name="user_search" 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…

Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS 复制代码 代码如下: input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML input语句 复制代码 代码如下: <input type="text" placeholder="Value" /> 运行结果值还是灰色,Color:red没有作用.有…

HTML <input type="text" placeholder="Value" /> 有三种实现方式:伪元素(pseudo-elements).伪类( pseudo-classes)和Notihing.WebKit和Blink(Safari,Google Chrome, Opera15+)使用伪元素 ::-webkit-input-placeholder Mozilla Firefox 4-18使用伪类 :-moz-placeholder Moz…

问题:Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML代码: <input type="text" placeholder="Value" /> 运行结果值还是灰色,Color:red没有作用.有什么方法可以修改占位文本的颜色吗?我在浏览器里安装了jQ…

David Murdoch:Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML input语句 <input type="text" placeholder="Value" /> 执行结果值还是灰色.Color:red没有作用.有什么方法能够改动…

今天做手机端的时候,用到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是白色的,所以就查看了一下改变placeholder的方法: input::-webkit-input-placeholder { /* WebKit browsers */ color: white; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ co…

在开发中遇到的一个小问题,记录下来./*placehodel*/ 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…

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

一般来说input的placeholder是不能修改的,但是现在浏览器利用伪类实现了对placeholder的修改 input::-webkit-input-placeholder { // cherom color: #cbc8c8; } input:-moz-placeholder { // 火狐 Firefox 4 to 18 color: #cbc8c8; } input::-moz-placeholder { // 火狐 Firefox 19+ color: #cbc8c8; } in…

自定义textField继承自UITextField 重写 - (CGRect)placeholderRectForBounds:(CGRect)bounds _phoneTF.font = HPFontSemibold(16); // 设置输入文字字号 [_phoneTF setValue:[UIFont systemFontOfSize:14] forKeyPath:@"_placeholderLabel.font"]; // 设置placeholder字号 // 设置删除按钮的图…

1.CSS选择器 因为每个浏览器的CSS选择器有所差异,所以需要针对每个浏览器做单独的设定. ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-inpu…

通过 attributedPlaceholder 属性来改变 if([textField respondsToSelector:@selector(setAttributedPlaceholder:)] { UIColor*color =[UIColor blackColor]; textField.attributedPlaceholder =[[NSAttributedString alloc] initWithString:placeholderText attributes:@{NSFo…

::-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+ */ col…

http://blog.sina.com.cn/s/blog_671d2e4f0101d90v.html…

/* WebKit browsers */ ::-webkit-input-placeholder { color: red; text-overflow: ellipsis; } /* Mozilla Firefox 4 to 18 */ :-moz-placeholder { color: #acacac !important; text-overflow: ellipsis; } /* Mozilla Firefox 19+ */ ::-moz-placeholder { color: #…

#contact_info为textarea的ID #contact_info::-webkit-input-placeholder{ color:#999;}#contact_info:-moz-placeholder{ color:#999;}#contact_info::-moz-placeholder{ color:#999;}#contact_info:-ms-input-placeholder{ color:#999;}…

因为每个浏览器的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…

::-moz-placeholder{color:#b9bfc1;} // Firefox::-webkit-input-placeholder{color:#b9bfc1;} // Chrome, Safari:-ms-input-placeholder{color:#b9bfc1;} // IE10+…