問題與網格中的圓角按鈕？

我已經創建了網格格式的按鈕，按鈕和圖標都按要求顯示，但按鈕是與圓角來的機器人。如何獲得下面代碼的圓角按鈕。問題與網格中的圓角按鈕？

<fieldset class="ui-grid-a"> 
     <div class="ui-block-a"> 
      <a href="#" id="SMS" class="ui-btn ui-shadow ui-btn-icon-left ui-custom-icon ui-sms ui-nodisc-icon" onClick='goToSms()'>Send SMS</a> 
     </div> 
     <div class="ui-block-b"> 
     <a href="#" id="EMAIL" class="ui-btn ui-shadow ui-btn-icon-left ui-custom-icon ui-mail ui-nodisc-icon" onClick='gomail()'>Send Email</a> 
     </div> 
    </fieldset >

CSS：

.ui-sms:after { 
      background-image: url(icons/sms-b.png); 
      background-size: 20px 20px; 
      } 
      .ui-mail:after { 
      background-image: url(icons/mail-b.png); 
      background-size: 15px 15px; 
      }

來源

2014-07-22 Vinod

添加border-radius屬性。首先在你的問題中添加css –

你的css在哪裏？ –

創建一個小提琴plz。 –

<div class="ui-block-a"> 
    <a href="#" id="SMS" class="ui-btn ui-shadow ui-btn-icon-left ui-custom-icon ui-sms ui-nodisc-icon" onClick='goToSms()'>Send SMS</a> 
</div> 

<div class="ui-block-b"> 
    <a href="#" id="EMAIL" class="ui-btn ui-shadow ui-btn-icon-left ui-custom-icon ui-mail ui-nodisc-icon" onClick='gomail()'>Send Email</a> 
</div>

CSS

.ui-block-a{ 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

來源

2014-07-22 07:19:50 Anri

使用border-radius CSS屬性

.ui-sms{ 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 

    } 

    .ui-mail{ 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    }

DEMO here

來源

2014-07-22 07:20:27

問題與網格中的圓角按鈕？

回答

相關問題