说好的“外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现”呢？？？为什么我的就像border一样光明正大的显在外边？？？？？？

说好的“外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现”呢？？？为什么我的就像border一样光明正大的显在外边？？？？？？

慕斯3035540

2016-08-15

源自：十天精通CSS3 12-2

关注问题我要回答

1087

操作

收起

4 回答

慕码人1183263
2017-03-11

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是没有效果的

0 回复有任何疑惑可以回复我~

食月
2016-10-27

想了半天，才发现，原来不是说元素本身具有获得焦点就现身的功能，而是我用：hover实现，巨坑

0 回复有任何疑惑可以回复我~

Abby诺亚
2016-08-18

那你这是需要外轮郭吗?不需要的话写，outline:none; 就可以了，你鼠标点击的时候，才会有的！

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242549 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

1 回答css3外轮廓属性

4 回答上面说“:read-only”伪类选择器用来指定处于只读状态元素的样式，那么怎样判断元素是不是只读的

2 回答outline没有获取焦点的时候也是显示的啊？？？

3 回答为什么在border-radius:50px;中，当值大于等于50px时弯曲的半径效果会跟border-radius:50px;一样呢？

2 回答FF46、IE11，如果元素没有设置border，动画里的border属性就无效，bug？

搜索更多本课相关问答

说好的“外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现”呢？？？为什么我的就像border一样光明正大的显在外边？？？？？？

我要回答关注问题

意见反馈帮助中心 APP下载