css 修改输入框激活的边框样式，css样式修改集合

一.输入框 

 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; //禁止用户选中
}