有关css中能够改变字体间间距的问题及改变input中placeholder样式的写法

时间:2020-03-24
本文章向大家介绍有关css中能够改变字体间间距的问题及改变input中placeholder样式的写法,主要包括有关css中能够改变字体间间距的问题及改变input中placeholder样式的写法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1.改变字体间间距
使用letter-spacing:5px;可以改变字体间间距

 2.修改placeholder样式

input::-webkit-input-placeholder{
font-family: '\5FAE\8F6F\96C5\9ED1';
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #000000;
text-align: left;
margin-left: 20px;
letter-spacing:5px;
}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */
font-family: '\5FAE\8F6F\96C5\9ED1';
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #000000;
text-align: left;
margin-left: 20px;
letter-spacing:5px;
}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
font-family: '\5FAE\8F6F\96C5\9ED1';
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #000000;
text-align: left;
margin-left: 20px;
letter-spacing:5px;
}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
font-family: '\5FAE\8F6F\96C5\9ED1';
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #000000;
text-align: left;
margin-left: 20px;
letter-spacing:5px;
}

原文地址:https://www.cnblogs.com/whdaichengxu/p/12559025.html