微信小程序中如果使用button标签做按钮,在默认属性中,按钮是立体的有阴影和边框。
这种效果经常会和我们自己的小程序设计风格格格不入,为了去掉这种立体风格,我们可以通过修改相关css参数来对button标签进行重置和自定义。
例如我们自定义一个带图片的分享按钮:
<button class="zhuige-share" open-type="share">
<image src="../static/sharea.png" mode="aspectFill"></image>
<text>分享好友</text>
</button>
通过修改button伪类的css即可去掉边框,不能仅修改button标签
.zhuige-share::after {
border: none;
}
其他的如字体,背景色,圆角可以通过button标签或者button包含的具体标签控制。
-
追格商城小程序v1.3.6 新增热门搜索功能追格商城小程序v1.3.6 新增热门搜索功能
-
微信小程序console向调试面板中打印日志微信小程序console 是一个全局对象,可以直接访问。在微信客户端中,向 vConsole 中输出日志。
-
微信小程序备案流程和操作方法微信小程序备案操作指引,备案整体流程总共分为五个环节:备案信息填写、平台初审、工信部短信核验、通管局审核和备案成功。
-
微信小程序隐私隐私保护弹框不起作用微信小程序隐私隐私保护弹框不起作用
-
追格小程序登录提示"授权失败"的解决办法近期追格小程序客户反馈,说追格小程序登录提示"授权失败",这种情况一般都是appid未设置导致,不妨按下面方式检查一下。
-
追格小程序用户隐私保护设置教程追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
暂无评论,抢个沙发...