如何设置文本输入框中字体的颜色
如何设置文本输入框中字体的颜色
通常做法如下：
1、点击插入，打开文本框，选择简单文本框；
2、在文本框中输入自己想要写的文字；
3、默认情况下，文本框有一个黑色的边框，选中文本框，出现绘图工具菜单，点击绘图工具，选择格式，打开形状轮廓；
4、点击无轮廓，用同样的方法，插入一个新的文本框；
5、点击绘图工具，选择格式，打开形状轮廓，选择轮廓的主体颜色以及粗细即可。
修改 input 框里的字体、颜色
/* WebKit browsers */
input::-webkit-input-placeholder {
color: #C0C0C0;
font-size: 14px;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
color: #C0C0C0;
opacity: 1;
font-size: 14px;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {
color: #C0C0C0;
opacity: 1;
font-size: 14px;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {
color: #C0C0C0;
font-size: 14px;
}
input标签里的字体颜色怎么改
input标签里的字体颜色更改步骤如下：
1、首先，我们先新建一个简单的html文档，只有一个input框就可以，然后为这个input框定义一个宽度和高度，还有字zhidao体颜色大小，以及placeholder的值。
2、然后在浏览器中查看，发现我们专input框中的提示性文字，即placeholder是灰色的，并不是我们设置好的颜色。我们检查元素可以看到input的color值是红色的。
3、这是因为placeholder中文字的颜色并不是由input的color值控制的，我们需要重新为其书写样式。我们需要加入在元素后面加上::，然后加上input-placeholder这一属个属性。
4、但是仅仅加上这个还是不够的，现在各大浏览器内核相对较多，我们需要同时兼顾多种浏览器，因为这一所谓的属性的浏览器兼容性不是很好。
5、这时，我们再次在浏览器中查看这个页面的时候，input中的提示性文字就变成蓝色的了。
6、这样设置了之后，我们页面中所有的input标签的placeholder中文字都是蓝色的了。
本文来自网络，不代表生活常识网立场，转载请注明出处：http://sdsy56.com/shenghuozixun/145247.html
声明： 我们致力于保护作者版权，注重分享，被刊用文章因无法核实真实出处，未能及时与作者取得联系，或有版权异议的，请联系管理员，我们会立即处理，本站部分文字与图片资源来自于网络，转载是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益，请立即通知我们(管理员邮箱：15053971836@139.com)，情况属实，我们会第一时间予以删除，并同时向您表示歉意,谢谢!
相关阅读