微信小程序中button组件的边框设置的实例详解-创新互联

微信小程序中button组件的边框设置的实例详解

创新互联主营会同网站建设的网络公司,主营网站建设方案,app软件开发公司,会同h5成都小程序开发搭建,会同网站营销推广欢迎会同等地区企业咨询

button的边框是用:after方式实现的,用户如果在button上定义边框会出现两条线,需用:after的方式去覆盖默认值。
如果设置了Button的背景色,没有用:after设置边框的颜色,则button的四个角会出现模糊的尖角。如下图所示:

微信小程序中button组件的边框设置的实例详解

如上图四个角会模糊。.wxss代码如下:

.clickEncryptBtn{ 
 width:130px; 
 border-radius: 3px; 
 margin:20px auto; 
 padding-top:2px; 
 font-size:14px; 
 background-color:#CC3333; 
  border:1px solid #CC3333 
 color:white; 
 overflow:hidden; 
 height:40px; 
} 

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


新闻标题:微信小程序中button组件的边框设置的实例详解-创新互联
浏览地址:http://bzwzjz.com/article/cohiid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 企业网站建设公司 网站设计 成都网站建设 成都网站设计公司 成都网站制作 手机网站制作 定制网站建设多少钱 重庆手机网站建设 高端网站设计推广 攀枝花网站设计 高端网站设计 成都网站建设 网站建设 定制网站制作 成都定制网站建设 商城网站建设 成都网站建设 成都网站设计 企业网站设计 成都网站建设 营销型网站建设 网站设计制作