微信小程序 —— button按钮去除border边框

在开发微信小程序组件框架时，我遇到了一个问题，微信小程序中的button组件有特定的css，背景可以用“background：none”去掉，但是边框再用“border : none”去掉就不可以了，这也是微信小程序与h5的不同之处。

但是在微信小程序中使用:after选择器就可以实现这一功能。

例子如下：

传统的用“border:none;来去除边框”，依旧有一条细细的border;

  使用 button::after{ border: none; } 来去除边框

/*使用 button::after{ border: none; } 来去除边框*/
.free-btn-bordernone{background: none !important;color: #000 !important;
}
.free-btn-bordernone::after{border: none;
}

微信小程序 —— button按钮去除border边框相关推荐

小程序背景图片从服务器获取,微信小程序button控件去边框、加背景图
button边框去除相信大家开发微信小程序时使用button会遇到一些与预期效果不同的样式问题.例如button的边框无法去除,在为button设置圆角的时候周围会有一些"杂质" ...
微信小程序button按钮无法更改尺寸解决
在微信小程序新版本中, button按钮无法支持在wxss文件中直接自定义width 和 height 解决方法有两种: 1. 推荐使用: 在根目录中的app.json文件中, 删除其中的 &q ...
微信小程序 button按钮怎么触发事件？ bindtap语法怎么使用？
在前端网页中我们需要触发一个事件如果按钮点击后调用函数,文本.图片.链接被点击后调用一个函数一个事件,我们都知道用click,可是微信小程序中的click是不存在的,他怎么才能和网页中一样的使用cli ...
微信小程序 — 小程序反馈与建议功能及小程序button按钮去除默认样式
这节给大家讲解小程序反馈与建议功能的实现. 我们做小程序难免会遇到一些未知的问题,这个时候给用户提供一个反馈与建议功能就显得至关重要了.这一节来带领大家实现小程序的反馈与建议功能. 先看效果图还是 ...
微信小程序 button 按钮
属性类型默认值必填说明最低版本 size string default 否按钮的大小 1.0.0 type string default 否按钮的样式类型 1.0.0 plain boo ...
微信小程序-- button按钮详解
1.下面我们会说到button组件的一些信息,关于button组件的一般属性我在这里就不详细介绍了,大家可以去到微信开放文档里看一些具体介绍. 这个是网址:button | 微信开放文档接下来我们来 ...
微信按钮android代码实现原理,微信小程序button标签open-type实现原理
这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 open-type (微信 ...
微信小程序:修改按钮BUTTON尺寸
1.微信小程序BUTTON常见属性: 2.BUTTON宽高等样式的有效调整方法: 微信小程序当中通过wxss来设置button的宽高值并不起效果,而size属性却只有两个合法值,当我们想要自定义大小时 ...
清除微信小程序button的默认样式
清除微信小程序button的默认样式文章目录清除微信小程序button的默认样式总结最近在微信小程序的开发过程中,经常的使用button按钮,但是我们要怎么样去除它们的默认样式呢? 一.去除b ...

微信小程序 —— button按钮去除border边框

微信小程序 —— button按钮去除border边框相关推荐

最新文章

热门文章