chrome浏览器下兼容性问题

1.在chrome浏览器中，如果表单保存过输入的内容，那么下次打开这个页面，该表单便会有黄色背景，那么如何修改chrome浏览器自动填充表单的黄色背景？
CSS代码:

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset!important; }
2.设置大于12px文字字体，各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字字体效果,因为谷歌浏览器默认最小字体为12px;但有时项目中需要用到小于12px的字体，此时应该怎么做？
CSS代码:

.chrome_adjust { font-size: 9px; -webkit-transform: scale(0.75); -o-transform: scale(1); //针对能识别-webkit的opera browser设置 }

可是如何分辨是Safari还是Chrome，目前尚没有有效的CSS hack。可以通过javascript来判断是否为Chrome。判断方法：var isChrome = !!window.chrome;当检测为Chrome的时候，将.chrome_adjust这个类添加到对应的标签。

另外，Chrome下由于启用了缩放，所以字符间距出现问题，影响了美观，这时候如果追求完美，可能你还会想到js判断为Chrome后再用CSS属性letter-spacing去修复；

PC桌面版Chrome 27正式取消了-webkit-text-size-adjust:none;属性的支持，实际上是修正了原有的bug。如果定义该属性在Chrome调试窗口会显示Unknown property name，所有字号最小为12px。

2017.10.26更新: 发现新版本谷歌浏览器已经取消了最小字体为12PX的限制，可以在浏览器设置里修改浏览器的最小字号的大小

chrome浏览器下兼容性问题相关推荐

chrome浏览器的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制--disable-web-security...
chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\ XP:C:\Documents and Settings ...
chrome浏览器下“多余”的2px
箭头在调试页面的时候,发现select,input等元素在chrome浏览器下莫名的多了margin:2px,具体看图吧! stackoverflow上的提问中也类似的(应该是margin,好想提问的 ...
取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所 ...
Chrome浏览器showModalDialog兼容性及解决方案
Chrome浏览器showModalDialog兼容性及解决方案参考文章: (1)Chrome浏览器showModalDialog兼容性及解决方案 (2)https://www.cnblogs.co ...
如何在Chrome浏览器下清除DNS缓存
如何在Chrome浏览器下清除DNS缓存本文翻译自:How to Clear/Flush DNS Cache in Google Chrome? 很多时候,当我购买新的域名,并更改域名服务器并将其托 ...
关于html video 在chrome浏览器下无法快进问题解决
标题关于html5 video currentTime 在chrome浏览器下设定失败问题解决关于html5 video currentTime 在chrome浏览器下设定失败问题解决 src引用 ...
chrome浏览器下10号字体
在某些chrome浏览器下,css里设置的10号字体竟然不起作用!仍显示12号大小,对比firefox.ie6.7.8.9,他们的显示都是好的.要是你也碰到这问题,可以这样解决: 1 -webkit- ...
chrome浏览器下audio自动播放的hack
前言也许很多前端遇到过这个需求:消息提醒. 一般来说,可以简单的实现绝不会用复杂的方式,audio标签提供了这个功能. 但是,新版的chrome浏览器禁止了js自动播放音频的功能,见鬼了. 音频播放 ...
IE、Safari、Chrome浏览器JavaScript兼容性改造总结
1.1 浏览器内核差别 1.2. Safari和Chrome浏览器简介 Safari和Chrome,一个是苹果公司MAC OS系统的浏览器,一个是Google开发的浏览器,它们都使用了同样的内核web ...

chrome浏览器下兼容性问题

chrome浏览器下兼容性问题相关推荐

最新文章

热门文章