一.输入框
1.输入框激活的边框样式
input:focus {
border: 1px solid #ddd;
outline: none; //这个可以把原来的线去掉
}
2.输入框placeholder的样式
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: red;
}
3.内容的样式
input {
color:red;
}
二.下拉框
1.下拉框激活的边框样式
select:focus {
outline: none;
border: 1px solid #ddd;
}
三.禁止用户选中
经常发现用户点击某个按钮时候,按钮的文字被选中,高亮成蓝色了,体验很不好,所以这个时候,可以禁止这个按钮的文字选中。
li {
float: left;
color: @fontColor;
user-select: none; //禁止用户选中
}