CSS 焦点元素

CSS 焦点元素

:focus 伪类 选择器用于选取获得焦点的元素 。 我们这里主要针对的是 表单元素，像确定光标

:hover

语法：

.total input {
  border: 1px solid #ccc;
  height: 30px;
  width: 40px;
  transition: all .5s;  //全部元素过度 时间5秒
}
/*这个input 获得了焦点*/
.total input:focus {
  width: 80px;
  border: 1px solid skyblue;
}

border: 1px solid #ccc;
height: 30px;
width: 40px;
transition: all .5s;
}
/这个input 获得了焦点/
.total input:focus {
width: 80px;
border: 1px solid skyblue;
}