css文本框输入字体 颜色

css文本框输入字体 颜色,第1张

css设置文本框输入字体颜色

直接设置placeholder的字体颜色为红色就行可以了。比如:

input{color:#fff}

input::-webkit-input-placeholder{color:#fff}

运行效果:

在css中,可以color属性来设置文本框内的文字颜色, *** 作方法如下。

设备:联想电脑

系统:win10

代码编辑器:zend studio 10.0

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用input标签创建一个输入框。

2、在test.html文件内,设置input标签的class属性为myin。

3、在css标签内,通过class定义input的样式,设置它的宽度为250px,高度为35px。

4、在css标签内,再使用color属性设置输入框文字的颜色为红色。

5、最后在浏览器打开test.html文件,查看实现的效果。

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus

{

border-color: #6699FF

box-shadow: 0 1px 2px #6699FF inset

}

你的意思是 输入框得到焦点之后 ,出现橙色边框吧!!! 上面这段代码你可以试试 ,用火狐浏览器或者谷歌浏览器试吧。边框的阴影效果,不是所有的浏览器都能支持的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11350584.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存