input标签陌生知识点记录



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的内容回头把方方讲过的再看一遍,总结到这篇笔记里来,切记切记!

你可能感兴趣的:(input标签陌生知识点记录)