选择器大纲不起作用

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>

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

Answer 2

我不确定我是否理解这个问题。 ＃0099FF为蓝色的十六进制。另外1px非常小，所以它可能看起来只是蓝色？

尝试3px作为测试。

您在使用实时服务器吗？ Css文件经常缓存。尝试这样的事情：

 <link rel="stylesheet" type="text/css" href="style.css?Wednesday1" />

这会强制刷新。