说好的“外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现”呢??? 为什么我的就像border一样光明正大的显在外边??????
div {
padding: 20px;
margin: 30px;
outline: red solid 10px;
border: 10px solid green;
}
div:hover{
outline:red solid 20px;
border:20px solid red;
}可以看出来当我们在hover中设置了outline是没有效果的
想了半天,才发现,原来不是说元素本身具有获得焦点就现身的功能,而是我用:hover实现,巨坑
那你这是需要外轮郭吗?不需要的话写,outline:none; 就可以了,你鼠标点击的时候,才会有的!