CSS设置输入框默认文字颜色（webkit-input-placeholder等）

在html5中input，textarea等元素新添加了placeholder的属性，我们可以通过css设置placeholder的样式，对于ie，firefox，以及webkit内核的浏览器需要使用不同的样式写法。

如下测试代码：

<!doctype html>
<html>
<head>
<style type = "text/css" >
#myInput::-webkit-input-placeholder { color : red ; }
#myInput:-moz-placeholder { color : red ; }
#myInput:-ms-input-placeholder { color : red ; }
</style>
</head>
<body>
<input id = 'myInput' placeholder = 'hello' />
<br>
<textarea id = 'myInput' placeholder = 'hello' ></textarea>
</body>
</html>

CSS设置输入框默认文字颜色（webkit-input-placeholder等）相关推荐

设置输入框默认文字内容
<input type="search" value="请输入内容" οnfοcus="javascript:if(this.value=='请 ...
CSS设置选中网页文字时的背景和颜色
CSS设置选中网页文字时的背景和颜色在网页中,选中某段文字,默认的显示效果为: 可以看到,选中后文字颜色为白色,背景为蓝色. 现我们想设置,选中后文字为红色,背景为黄色.需要用到CSS伪类 ::se ...
html如何让图片跟字体重叠,CSS设置图片与文字的间距
[实例介绍] CSS设置图片与文字的间距希望图片本身与文字有一定的距离只需要给标记添加margin属性即可.margin属性包括margin．top.margin-right,margin-bott ...
如何设置控制台的文字颜色和背景颜色
接下来教大家如何设置控制台的文字颜色和背景颜色代码如下: 运行的效果: 下面是详细的解释: 本文内容来自<啊哈C语言>
html输入框点击后去掉默认文字颜色,input的一些默认样式的更改
1.Chrome浏览器下,记住密码之后,输入框为黄色的背景, /*忘记密码后的黄色背景的去除*/ /*只对非透明的纯色背景有效*/ input:-webkit-autofill{-webkit-box ...
占位隐藏 html,CSS设置输入框占位符placeholder点击隐藏
在HTML5中可以对文本输入框增加placeholder属性,英文placeholder意思是占位符,用在文本输入框的时候可以友好的显示提示文字,例如下面这个就是常见的文本框提示效果: 对于IE浏览器 ...
cmfclistctrl怎么设置某列文字颜色_ppt实用技巧：如何轻松设置合意的超链接
在使用PPT演讲的过程中,你是不是还在手动一张一张的切换幻灯片?在为文本设置好超链接之后,你是不是依然不知道怎样删除下划线而烦恼,加班熬夜? 其实,这些都不是问题,只需要轻松设置一下超链接就轻而易举的 ...
js 根据深浅色背景，动态设置黑色白色文字颜色。判断颜色是否为深色，rgb转16进制，16进制转rgb
效果图: 根据深浅色背景,返回黑白文字颜色. 第一版: 代码: <!DOCTYPE html> <html lang="en"> <head>& ...
python更换窗口颜色设置_python – 默认窗口颜色Tkinter和十六进制颜色代码
不确定你到底在找什么,但这会有用吗? import Tkinter mycolor = '#%02x%02x%02x' % (64, 204, 208) # set your favourite rg ...

CSS设置输入框默认文字颜色（webkit-input-placeholder等）

CSS设置输入框默认文字颜色（webkit-input-placeholder等）相关推荐

最新文章

热门文章