表单中的关于focus的知识
通过focus
可以设置点击文本框后文本框的样式,比较边框的颜色等。
input:focus{
border: 1px solid #00FFFF;
}
如果给文本框设置了圆角,为了不想点击文本框时foucs
效果出现,可以设置如下的代码。
input{
outline: none;
/*清楚focus的所有效果*/
border-radius: 20px;
}
改变文本框的提示文字,由于该方法并不是通用,因此在使用时需要加上相关浏览器的内核版本。如chrome为:
/*让文本框的提示文字变为红色*/
input::-webkit-input-placeholder{
color: red;
}