谷歌兼容问题

1、img标签在谷歌中会有默认边框



解决方法：

A将图片改成gif图

B不使用img标签，用其他标签+background:url()来替代

2、下拉框select、input标签在聚焦时（focus）会有外边框（当用CSS美化自己的input时明显影响视觉效果）



解决方法：

这个不是border属性，而是欧体鳞属性，为img添加outline:none属性即可。

3、select option 下拉框中，text-align不能实现居中

解决办法：

transform: translateX(50%);然后沿X轴移动父元素的50%



width: 50%;  让整个的宽度为50%；



其他谷歌中的居中实现：

 margin-left:auto;margin-right:auto; /*在谷歌中实现居中*/

4、table的th、td

当table被display：none之后，再display：block回来，td会挤在一起。

谷歌内核在处理display: none 变成display: block的过程中

只是把一个tr中的所有td 挤到对应的第一个td中 后面的空间不会解析

解决办法：

控制隐藏时,依然是.display="none";

但是显示改为.display=" "; (只有双引号，中间没有空白！)

谷歌就能正常显示。

（此文不定时更新，遇到了就更新）