修改input placeholder文字颜色,修改input placeholder样式

  修改input placeholder文字颜色,修改input placeholder样式

  铬支持输入=[类型=文本]占位文本属性,但下列半铸钢钢性铸铁(铸造半钢)样式却不起作用:

  半铸钢钢性铸铁(铸造半钢)复制代码代码如下:

  输入[占位符],[占位符],*[占位符] {

  颜色:红色!重要;

  }

  超文本标记语言输入语句复制代码代码如下:

  输入类型=文本占位符=值/

  运行结果值还是灰色,颜色:红色没有作用。有什么方法可以修改占位文本的颜色吗?我在浏览器里安装了框架占位文本插件,但仍然无用。(!重要的只有IE7和火狐浏览器能识别)

  回答:

  托斯科:有三种实现方式:伪元素(伪元素),伪类(伪类)和没什么。

  网络工具包和眨眼(野生动物园,谷歌铬合金、Opera15)使用伪元素复制代码代码如下:

  :-网络工具包-输入-占位符

  Mozilla Firefox 4-18使用伪类复制代码代码如下:

  蚊子占位符

  Mozilla Firefox 19使用伪元素复制代码代码如下:

  蚊子占位符

  IE10使用伪类复制代码代码如下:

  -女士-输入-占位符

  IE9和操作12以下版本的半铸钢钢性铸铁(铸造半钢)选择器均不支持占位文本。需要注意的是伪元素在阴影数字正射影像图里会起到元素的真实作用。

  半铸钢钢性铸铁(铸造半钢)选择器

  因为每个浏览器的半铸钢钢性铸铁(铸造半钢)选择器都有所差异,所以需要针对每个浏览器做单独的设定。复制代码代码如下:

  :-WebKit-input-placeholder {/* WebKit浏览器*/

  颜色:# 999;

  }

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

  颜色:# 999;

  }

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

  颜色:# 999;

  }

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

  颜色:# 999;

  }

  马特:文本区域(文本框可拉伸)风格样式的代码,如下:复制代码代码如下:

  输入:-webkit-input-placeholder,textarea:-WebKit-input-placeholder {

  颜色:# 636363;

  }

  输入:-moz-placeholder,textarea:-moz-placeholder {

  颜色:# 636363;

  }

  brillout.com:输入和文本区域的字体颜色均为红色。所有样式都要针对不同的选择器而定,不要打包整体处理,因为其中一个出问题,其他的都会失效。复制代码代码如下:

  *:-网络工具包-输入-占位符{

  颜色:红色;

  }

  *:-moz-placeholder {

  颜色:红色;

  }

  *:-女士-输入-占位符{

  /* IE10 */

  颜色:红色;

  }

  詹姆斯唐纳利:在火狐浏览器和工业管理学(工业工程)里,正常投入文本颜色覆盖占位符颜色的方法:复制代码代码如下:

  :-webkit-input-placeholder {

  颜色:红色;文本溢出:省略号;

  }

  :-moz-placeholder {

  颜色:#acacac!重要;文本溢出:省略号;

  }

  :-moz-placeholder {

  颜色:#acacac!重要;文本溢出:省略号;

  } /*为了未来*/

  :-ms-input-placeholder {

  颜色:#acacac!重要;文本溢出:省略号;

  }

  还有一种好办法:复制代码代码如下:

  输入:-webkit-input-placeholder,textarea:-WebKit-input-placeholder {

  颜色:# 666;

  }

  输入:-moz-placeholder,textarea:-moz-placeholder {

  颜色:# 666;

  }

  输入:-moz-placeholder,textarea:-moz-placeholder {

  颜色:# 666;

  }

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

  颜色:# 666;

  }

  最后一种是从网上找的:复制代码代码如下:

  $([占位符])。focus(function() {

  定义变量输入=$(这个);

  如果(输入。val()==输入。属性(占位符){

  输入。val(" ");

  input.removeClass(占位符);

  }

  }).blur(function() {

  定义变量输入=$(这个);

  如果(输入。val()== 输入。val()==输入。属性(占位符){

  input.addClass(占位符);

  input.val(input.attr(占位符));

  }

  }).blur();

  $([占位符])。父母(形式)。提交(函数(){

  $(这个)。查找([占位符])。each(function() {

  定义变量输入=$(这个);

  如果(输入。val()==输入。属性(占位符){

  输入。val(" ");

  }

  })

  });

  这个代码调用的规则是,先加载爪哇岛描述语言再用半铸钢钢性铸铁(铸造半钢)修改占位符属性。复制代码代码如下:

  形式。占位符{

  颜色:# 222;

  字体大小:25px

  /*等等*/

  }

  用户1729061:不用半铸钢钢性铸铁(铸造半钢)和占位文本,同样能得到相同效果。复制代码代码如下:

  input type= text value= placeholder text on focus= this。风格。color= # 000

  这个。值=" ";style= color:# f00;/

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: