仅将 CSS 规则应用于 Google Chrome
查询:特定 CSS 规则是否只能应用于 Google Chrome 中的特定 div?示例如下:
position: relative; top: -2px;
响应:是的,这是可能的,有两种方法:
CSS 解决方案
/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */ @media screen and (-webkit-min-device-pixel-ratio:0) { div{top:10;} } /* Chrome 29+ */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { div{top:0;} } /* Chrome 22-28 */ @media screen and(-webkit-min-device-pixel-ratio:0) { .selector {-chrome-:only(; property:value; );} }
JavaScript 解决方案
if (navigator.appVersion.indexOf("Chrome/") != -1) { // modify button }
以上是我可以在 Google Chrome 中仅将 CSS 规则应用于特定 Div 吗?的详细内容。更多信息请关注PHP中文网其他相关文章!