我以网格格式创建了按钮,Button和图标都按要求显示,但是按钮是带有圆角的bot。如何获得下面代码的带有圆角的按钮。
<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;
}
<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;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句