不常用但很重要的几条CSS3代码

Posted 2021-04-09 bim前端课堂

1

让iphone滚动条流畅

-webkit-overflow-scrolling: touch;

功能说明： 在移动端页面的时候，如果你给一个div加滚动条，那么在iphone手机上面手指滑动会很卡，那么给这个div只需要加上个-webkit-overflow-scrolling: touch; 瞬间就变的丝滑了！

2

去掉文本框焦点蓝色边框 

outline: 0;

功能说明：看到上面那个文本框蓝色的边框了吗，不想要就加上个  outline: 0; 瞬间就安静了！

3

去掉iphone默认初始样式

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}

你虽然定义了按钮样式

但现实效果确是这样

把上面的代码加上后，

瞬间变得完美了！