CSS语义-btn

CSS语义

 

/* 
<div class="btn_wrap">
     <button ng-show="!show.canUse" ng-click="checkAccount('changeUse')">立即使用</button>
     <button ng-show="show.canUse" ng-click="rightUse()">立即下单</button>
</div>
                
 */

 /*button*/
 .btn_wrap{
     padding: 0.08rem 3.34%;
     width: 100%;
 }
 .btn_wrap button{
     display: block;
     width: 100%;
     font-size: 0.17rem;
     line-height: 0.44rem;
     /**/
     background-color: #228ED5;
     color: #fff;
     outline: none;
     /**/
     text-align: center;
     border-radius: 0.08rem;


 }

 /**/
 .btn_white{
     background-color: #fff !important;
     color: #228ED5;
     border: 1px solid #228ED5 !important;
 }

 .btn_white:active{
     background-color: #ccc !important;
 }