网格中的圆角按钮有问题吗?

维诺德

我以网格格式创建了按钮,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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章