Html-CSS-细节处理

1、input 添加padding后宽度会变化

　　input中添加如下样式，固定 box 的尺寸　　

box-sizing: border-box;
-webkit-box-sizing: border-box;//谷歌
-moz-box-sizing: border-box;//火狐

 2、input 聚焦后取消边框样式

input:focus { 
    outline: none;
  }

3、jquery在绑定事件后，需要解除绑定，否则第二次执行时会执行两次

                $('.add-dialog #confirm').unbind('click');
                $('.add-dialog #confirm').click(function () {
                    var $code = $('.add-dialog .code');
                    var code = $code.val();

                    $('<tr></tr>')
                        .append('<td>' + code + '</td>')

                    $code = $('.add-dialog .code').val('');
                   $('.add-dialog').hide();

                });