修改输入框placeholder的样式

1. h5页面:

 //修改placeholder 样式 (chrome,其余类似加前缀)
    ::-webkit-input-placeholder {
       color:rgba(21,30,38,0.35);
     }

2. 小程序里:

wxml:

<input placeholder="请输入手机号码" value=‘‘  placeholder-class=‘placeholder‘ />

wxss:

.placeholder{
  color: rgba(21,30,38,0.35);
  font-size: 0.8rem;
}

原文地址:https://www.cnblogs.com/aloehui/p/9180997.html

时间: 2024-07-29 19:06:32

修改输入框placeholder的样式的相关文章

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

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

修改输入框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 的样式

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

input框中修改placeholder的样式

有时间input标签的placeholder属性会出现问题,下面是修改placeholder的样式demo input::-webkit-input-placeholder{ color:red; font-size:20px; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:red; font-size:20px; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */

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

placeholder的样式设置

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */ :-moz-placeholder{}                  /* Firefox版本4-18 */ ::-moz-placeholder{}                  /* Firefox版本19+ */ :-ms-inpu

input的value文本输入框文字提示样式

一.value="请输入你要搜索的关键词" onfocus="if (this.value=='请输入你要搜索的关键词') this.value='';" 二.value="请输入你要搜索的关键词" onblur="if(this.value==''){this.value='请输入你要搜索的关键词'}" onfocus="this.value=''" value="请输入你要搜索的关键词&quo

【百度地图API1.1】修改文本标注的样式

原文:[百度地图API1.1]修改文本标注的样式 百度地图API1.0中文本标注的样式写法为: label.getDom().style.borderColor = "#808080"; label.getDom().style.color = "#333"; label.getDom().style.cursor = "pointer"; 2010年12月,百度地图API升级至1.1版本,文本标注的样式写法需要修改为:(否则将会导致鼠标点击失灵

修改 UITextfield placeholder 颜色

_password = [[UITextField alloc]init]; _password.font = k18Font; _password.attributedPlaceholder = [[NSAttributedString alloc]initWithString:@" 密码" attributes:@{NSForegroundColorAttributeName:kBlackColor}]; ***************** 而且 UITextField 比 UIL