知识点 -获得焦点元素
:focus 伪类 选择器用于选取获得焦点的元素 。 我们这里主要针对的是 表单元素
:hover
语法:
.total input {
border: 1px solid #ccc;
height: 30px;
width: 40px;
transition: all .5s;
}
/*这个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;
}