IOS页面回弹

  1. -webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */

隐藏滚动条

  1. div {
  2.     overflow-x: hidden;
  3.     overflow-y: scroll;
  4. }
  5. div::-webkit-scrollbar {
  6.     display: none;
  7. }

input默认样式

  1. input{  
  2.     background:none;  
  3.     outline:none;  
  4.     border:0px;
  5. }
  6. // placeholder 样式
  7.         input::-webkit-input-placeholder {
  8.          /* placeholder颜色  */
  9.          color: #aab2bd;
  10.          /* placeholder字体大小  */
  11.          font-size: 15px;
  12.          /* placeholder位置  */
  13.          text-align: left;
  14.      }
  15.  // 去除input:focus状态下边框
  16.  outline:none;box-shadow: none;

浏览器元素的默认行为

  1. // 在Javascript中，不同浏览器下阻止默认行为的方式也是不同的：
  3. // 1）基于IE内核的浏览器
  5. window.event.returnValue = false;
  7. // 2）基于W3C内核的浏览器
  9. dom对象.事件 = function(event) {
  11.     event.preventDefault(); //阻止元素的默认行为
  13. }

清楚浮动

  1. /*清除浮动代码*/
  2. .clearfloat:after{
  3.     display:block;
  4.     clear:both;
  5.     content:"";
  6.     visibility:hidden;
  7.     height:0
  8.  }
  9.  .clearfloat{
  10.      zoom:1
  11.  }

鼠标样式

  1. cursor: pointer;