这套UI样式是从chrome浏览器中提取出来的，是不是很眼熟？
我稍微对样式进行了点修改，button按钮增加了reset按钮的支持，当ui设置为disabled，修改鼠标默认样式为禁止点击，最后对样式进行了压缩，完整代码如下：
/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file.
*/
button:not(.custom-appearance),input[type=’button’]:not(.custom-appearance),input[type=’submit’]:not(.custom-appearance),input[type=’reset’]:not(.custom-appearance){-webkit-border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-user-select:none;background:-webkit-linear-gradient(#fafafa,#f4f4f4 40%,#e5e5e5);border:1px solid #aaa;color:#444;font-size:inherit;margin-bottom:0;min-width:4em;padding:3px 12px}button:not(.custom-appearance):hover,input[type=’button’]:not(.custom-appearance):hover,input[type=’submit’]:not(.custom-appearance):hover,input[type=’reset’]:not(.custom-appearance):hover{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);background:#ebebeb -webkit-linear-gradient(#fefefe,#f8f8f8 40%,#e9e9e9);border-color:#999;color:#222}button:not(.custom-appearance):active,input[type=’button’]:not(.custom-appearance):active,input[type=’submit’]:not(.custom-appearance):active,input[type=’reset’]:not(.custom-appearance):active{-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);background:#ebebeb -webkit-linear-gradient(#f4f4f4,#efefef 40%,#dcdcdc);color:#333}button[disabled]:not(.custom-appearance),input[type=’button’][disabled]:not(.custom-appearance),input[type=’submit’][disabled]:not(.custom-appearance),input[type=’reset’][disabled]:not(.custom-appearance),button[disabled]:not(.custom-appearance):hover,input[type=’button’][disabled]:not(.custom-appearance):hover,input[type=’submit’][disabled]:not(.custom-appearance):hover,input[type=’reset’][disabled]:not(.custom-appearance):hover{cursor:not-allowed;-webkit-box-shadow:none;background:-webkit-linear-gradient(#fafafa,#f4f4f4 40%,#e5e5e5);border-color:#aaa;color:#888}button:not(.custom-appearance):focus,input[type=’submit’]:not(.custom-appearance):focus,input[type=’reset’]:not(.custom-appearance):focus,input[type=’text’]:not(.custom-appearance):focus,select:not(.custom-appearance):focus{-webkit-box-shadow:inset 0 1px 2px white,0 1px 2px rgba(0,0,0,.2),0 0 1px #c0c0c0,0 0 1px #c0c0c0,0 0 1px #c0c0c0;-webkit-transition:border-color 200ms;border-color:#4080fa;outline:0}input[type=’search’]:not(.custom-appearance):focus{outline-color:#4080fa}.link-button,.link-button:focus{-webkit-box-shadow:none!important;background:transparent none!important;border:none!important;color:#15c!important;cursor:pointer;font-family:inherit;margin:0;padding:0 4px!important}.link-button:hover{text-decoration:underline}.link-button:active{color:#052577!important;text-decoration:underline}
