`

css控制按钮样式

 
阅读更多

/* 按钮 */
.g-btn, .g-btn-x{display: inline-block;color: #FFF;text-align: center;border: 1px transparent;border-radius: 3px;cursor: pointer;}
.g-btn {padding: 6px 20px;font-size: 12px;}
a.g-btn{color: #fff;}
.g-btn-x {padding: 9px 20px;font-size: 13px;}
a.g-btn-x{color: #fff;}
.g-btn-init{background: #d96c6c;}
.g-btn-init:hover{background: #cc5252;}
.g-btn-forbidden{background: #474766;}
.g-btn-forbidden:hover{background: #595980;}
.g-btn-upgrade{background: #4ca6ff;}
.g-btn-upgrade:hover{background: #4595e5;}
.g-btn-delete{background: #ff4c6a;}
.g-btn-delete:hover{background: #e54560;}
.g-btn-white{background: #999999;}
.g-btn-white:hover{background: #808080;}
.g-btn-black{background: #4d4d4d;}
.g-btn-black:hover{background: #333333;}

.g-searchBtn{display:inline-block;padding:0 20px;line-height:28px;font-size:14px;background:#f3f3f3;border:1px solid #b3b3b3;color:#f7a094;border-radius:3px;cursor:pointer;font-weight:normal;text-align:center;}
.g-searchBtn:hover{background:#f0f0f0;color:#666;}

如:        <a href="javascript:void(0)" class="g-searchBtn" id="selectAllBtn">全 选</a>
                <a href="javascript:void(0)" class="g-searchBtn" id="configAllAd">配置广告</a>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics