input标签陌生知识点记录

<form action="#">
    <input type="text" name=name placeholder=xxx><br>
    <input type="password" name=password placeholder=yyy><br>
    <input type="submit" value=提交吧>
</form>

placeholder是占位符，那么如果要改变这个占位符的样式，要怎么做？

input::-webkit-input-placeholder{
    font-family: 'Roboto Condensed', sans-serif;
    font-size:20px;
    color:#cccccc;
    text-transform: capitalize;

这样做就行了，注意这个-webkit-input-placeholder属性

那么我想改变输入框里输入进去的文字的样式要怎么办？

input{
    font-size:20px;
    color:white;
}

直接选择相应的input标签，设置相应的样式就是输入的内容的样式。

再来，如果是type=submit的input标签，我想要改变它的value里的样式该怎么改呢？

input[type="submit"]{
     font-size:25px;
     color:blue;
}

直接选中相应的type=submit的input标签设置属性就行了。

关于input的内容回头把方方讲过的再看一遍，总结到这篇笔记里来，切记切记！