小程序官方组件的隐藏样式类名（如：去button边框 radio大小样式）

已于 2023-02-17 09:24:06 修改
阅读量239 收藏
点赞数
分类专栏： 小程序 文章标签： 小程序 javascript 前端
于 2023-02-16 18:00:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47124112/article/details/129066181
版权
只要把border去掉即可实现边框的去除，wx-button即为按钮的隐藏类名。先找到隐藏的类名，否则是改变不了组件大小的。
摘要由CSDN通过智能技术生成

演示去掉button组件的边框（后面讲解如何找隐藏样式）🐤

如果单纯的给组件button增加一个类名然后设置 border: none;，这样并不会去掉边框 🐤

在这里插入图片描述

但如果给button的伪元素 after 添加border: none;就会生效 🐤

在这里插入图片描述

寻找隐藏样式 🐤

答案就在官方文档

在这里插入图片描述
只要把border去掉即可

最低0.47元/天 解锁文章
码客前端
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
08-27
主要介绍了微信小程序分享功能之按钮button 边框隐藏和点击隐藏,需要的朋友可以参考下
小程序隐藏button默认样式
weixin_41201496的博客
08-06 292
样式只能写在元素中，否则不生效 <button open-type='share' style="padding:0; border-radius:0; width:675rpx; overflow: visible; display:inline; font-weight:500"> </button>
小程序在同一个页面中，当改选radio选项的时候，显示出不同的内容，不触碰事件时都隐藏？
qq_48310045的博客
11-24 323
小程序radio的显示和隐藏
微信小程序如何动态显示隐藏 class
weixin_34342207的博客
12-27 928
视图代码，使用变量控制隐藏类名 &lt;view class='active{{isActive}}'&gt;&lt;/view&gt; 复制代码逻辑层 data:{ isActive:false // 这样就隐藏了 } 当数据请求失败的时候 wx.request({ url: 'test.php', // 仅为示例，并非真实的接口地址 data: { x: '' , ...
详解Bootstrap的iCheck插件checkbox和radio
11-23
Bootstrap的iCheck插件是一款强大的复选框（checkbox）和单选按钮（radio button）美化与功能增强工具，尤其适合于跨平台和设备的应用。它不仅确保在不同的浏览器（包括IE6+）和设备（桌面及移动设备）上提供一致的...
Bootstrap表单组件教程详解
09-02
Bootstrap是一款流行的前端开发框架...总之，Bootstrap表单组件通过简洁的类名和预定义样式，极大地简化了表单设计工作，同时提供了良好的用户体验和无障碍性。理解和掌握这些组件，将有助于创建高效、美观的网页表单。
jq-checkbox-as-radio:使复选框像收音机一样工作
07-06
在JavaScript编程中，经常需要处理用户界面的交互，如单选按钮（Radio Button）和复选框（Checkbox）。"jq-checkbox-as-radio" 是一个jQuery插件，它允许开发者将复选框的行为模拟成单选按钮，即一次只能选择一个...
HTML+CSS实现单选框、复选框美观的样式
09-24
在网页设计中，单选框（Radio Button）和复选框（Checkbox）是常见的交互元素，用于用户在多个选项中做出选择。然而，浏览器默认的样式通常比较单一，不符合现代网页设计的美观要求。通过HTML和CSS，我们可以自定义...
单选框和复选框样式
05-29
在网页设计中，单选框（Radio Button）和复选框（Checkbox）是常见的用户界面元素，用于收集用户的选择信息。这些元素的样式通常由浏览器默认提供，但往往较为单一，不能满足设计师对于美观和品牌一致性的需求。本...
详解微信小程序 通过控制CSS实现view隐藏与显示
12-29
详解微信小程序 通过控制CSS实现view隐藏与显示 实现效果图： 视图代码，使用变量控制隐藏类名 <scroll scroll-y=true> <view class=user_freeback> <view class=txt> <text> 为了更好地帮助您解决问题,请准确填写您的邮箱地址和电话号码，以便管理员给你答复。</text> </view> </view> <view class=section> <view class=section__title
微信小程序 修改radio的样式为环形
weixin_53853031的博客
08-24 932
微信小程序 修改radio样式
微信小程序 完美修改checkbox/radio样式
欧巴酱的CSDN
11-09 1万+
1.修改checkbox样式 /* 重写 checkbox 样式 */ /* 未选中的 背景样式 */ checkbox .wx-checkbox-input{ border-radius: 50%;/* 圆角 */ width: 40rpx; /* 背景的宽 */ height: 40rpx; /* 背景的高 */ } /* 选中后的 背景样式 （红色背景 无边框 可根...
微信小程序：去掉button默认样式
最新发布
weixin_45932157的博客
05-03 959
通过绝对定位，让button在自定义元素之上，以便用户点击。用户需要点击按钮分享当前页面，不过按钮样式需要自定义。
如何在微信小程序自定义个性化radio组件
徒步天涯的博客
10-30 862
微信小程序的radio组件是标准化的，做出来的视觉效果千篇一律。笔者尝试做了一个自定义的radio组件，效果很好，与大家分享一下。废话不多说，上干货： 1、WXML模板：<!--pages/common/lib/common.wxml--> <template name="zradio"> <view class="radiobox" data-index="{{index}}" bindtap=
清除微信小程序button的默认样式
Trees__的博客
04-22 1万+
清除微信小程序button的默认样式 文章目录清除微信小程序button的默认样式总结 最近在微信小程序的开发过程中，经常的使用button按钮，但是我们要怎么样去除它们的默认样式呢? 一、去除button的边线：因为button的边框样式是通过::after方式实现的，所以我们在这里要使用::after 伪类选择器对默认样式进行覆盖. wxml页面 <view> <button>我是按钮</button> </view> wxss页面 button
微信小程序button的样式去除
月落星河
03-18 2052
button::after{ border: none; } 去除边线
小程序去掉button的默认样式（已解决）
weixin_41033048的博客
07-16 3353
分享海报的下面蓝色按钮就是修改后的样式 button { position: fixed !important; bottom: 0 !important; padding: 0px !important; width: 100% !important; line-height: 120rpx !important; height: 120rpx !important; border-rad..
微信小程序 —— button按钮去除border边框
热门推荐
Wu_shuxuan的博客
10-11 6万+
在开发微信小程序组件框架时，我遇到了一个问题，微信小程序中的button组件有特定的css，背景可以用：“background：none”去掉，但是边框再用“border : none”去掉就不可以了，这也是微信小程序与h5的不同之处。但是在微信小程序中使用:after选择器就可以实现这一功能。
Java 类名：：方法名 的原理
04-23
Java中的类名::方法名是Java 8的Lambda表达式语法中的一种形式，被称作方法引用。方法引用可以简化Lambda表达式，用于直接引用已有的方法。方法引用主要有四种形式： 1. 静态方法引用：类名::静态方法名 2. 实例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值