css - 选择器大纲不起作用

Question

我正在尝试使用以下方法在选择器聚焦时自定义轮廓

*:focus { 
  outline: green dotted 1px;
}

但我从 Chrome 中看到的仍然显示纯蓝色轮廓。尝试过其他浏览器，它们的行为都不同。我在大纲 CSS 声明上有什么错误吗？

Answer 1

应该可以，http://jsfiddle.net/9yzsf8pq/1/

<style>
*:focus { 
  outline: #0099FF dotted 1px;
}                            
</style>

<input type=submit>
<a href="">dasdsa</a>

在所有浏览器中，轮廓都是浅蓝色和虚线。