设置按钮样式
/* ==UserStyle== @name 按钮样式 @namespace coderWyh @version 1.0 @description 设置按钮样式 @author coderWyh ==/UserStyle== */ .button-success { background: rgb(28, 184, 65); } .pure-button { display: inline-block; zoom: 1; line-height: normal; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .pure-button::-moz-focus-inner { padding: 0; border: 0; } .pure-button { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-button { font-family: inherit; font-size: 100%; padding: .5em 1em; color: #444; color: rgba(0,0,0,.8); border: 1px solid #999; border: none transparent; background-color: #e6e6e6; text-decoration: none; border-radius: 2px; } .pure-button:focus,.pure-button:hover { background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1))); background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); } .pure-button:focus { outline: 0; } .pure-button:active { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset; box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset; border-color: #000; } .pure-button { margin: 0; border-radius: 0; border-right: 1px solid #111; border-right: 1px solid rgba(0,0,0,.2); }