文档章节

html input(或textarea) placeholder color 设置

罗培海
 罗培海
发布于 2015/09/11 17:07
字数 116
阅读 140
收藏 0
  1. 设置文本所有 input placeholder color

<style type="text/css">

   

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

      color: red !important;

      opacity:1;

      

}

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

      color: red !important;

      opacity:1;

}

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

      color: red !important;

      opacity:1;

}

</style>

2.设置标签下的 input placeholder color,例如设置class=“modleTable”下的input placeholder color

<style type="text/css">

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

      color: red !important;

      opacity:1;

      

}

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

      color: red !important;

      opacity:1;

}

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

      color: red !important;

      opacity:1;

}

</style>



© 著作权归作者所有

罗培海
粉丝 5
博文 41
码字总数 20620
作品 0
嘉兴
私信 提问
如何改变placeholder的默认颜色

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> :-moz-placeholder { / Mozilla Firefox 4 to 18 / color: #f00; } ::-moz-placeholder { / Mozill......

我输过但从未怕过
2015/10/08
855
0
placeholder在IE低版本兼容

@海纳百川 你好,想跟你请教个问题: http://runjs.cn/detail/ojm8jis7 placeholder 的这个问题,我把你的代码都copy下来,做了已经静态页面,但是在IE9以下都看不到效果。不知道是什么问题。...

Elina_lxt
2014/10/10
480
2
Html5添加超酷响应式表单美化模板插件教程

一、Html结构 <form class="cbp-mc-form"> <div class="cbp-mc-column"> <label for="firstname">First Name</label> <input type="text" id="firstname" name="firstname" placeholder="Jon......

大街小巷
2016/01/05
52
0
给placeholder属性文字设置颜色 兼容性 伪类伪元素

单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。 css伪类:CSS 伪类用于向某些选择器添加特殊的效果。 css伪元素:CSS 伪元素用于向某些选择器设置特殊效果。 伪元素由双冒号和伪元素名称...

书呆子拍皮球
2016/06/17
154
0
placeholder在不同浏览器下的表现及兼容方法

1、什么是placeholder? placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失...

china008
2015/04/08
77
0

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
9
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
962
11
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部