如何确定CSS属性是否需要特定于浏览器的前缀?

时间:2011-06-14 21:02:26

标签: css cross-browser

我最近查看了以下问题:

How to disable text selection highlighting using CSS?

很好地提供了我面临的直接CSS问题的答案。但是,它让我想知道,你如何确定何时删除CSS属性的所有浏览器特定前缀是否安全?

我知道这项工作的机制,需要前缀的旧浏览器当然总是需要一个前缀,所以我认为答案实际上取决于浏览器的使用情况统计数据。

是否有一个体面的,简单的引用来源,可用于确定CSS属性是否真正需要所有这些前缀,例如如果我使用没有前缀的user-select属性,我可以保证95%的浏览器会正确地插入这个属性。

3 个答案:

答案 0 :(得分:1)

This是几乎所有CSS属性的浏览器支持的绝佳摘要。

但是,我倾向于使用特定于浏览器的前缀,以及非特定规则,无论如何 - 这不是额外的工作,这意味着那些停留在过时浏览器上的人仍然会将页面视为你想要的。

答案 1 :(得分:1)

我用于此类事情的一个好资源是http://caniuse.com/。一般来说,拥有一个列表(例如

)并不是一个坏主意
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

对于几行的空间,这可以确保旧浏览器在需要时获得正确的浏览器特定规则,并且新浏览器可以获得符合标准的规则。

编辑:好吧,我注意到我链接的资源没有用户选择的条目。糟糕!

答案 2 :(得分:0)