深山工作室

深山工作室 >

uni-app按钮button利用css伪类after去除灰色边框

在用uni-app开发小程序时,当使用按钮button时出现灰色边框border。
去除按钮背景样式(background:none;)、去除外围边框boder为空(border:none;)还是存在,最后查资料用css伪类after处理掉了



以下是代码样式效果,大家可以复制代码测度

<template>
<view>
<button class="qwbmbutton qwbmbutton1">uni-app按钮去除背景</button>
<button class="qwbmbutton qwbmbutton2">uni-app按钮去除外框border</button>
<button class="qwbmbutton qwbmbutton3">uni-app按钮去除背景与外框border</button>
<button class="qwbmbutton qwbmbutton4">uni-app按钮去除背景与外框border加after伪类处理</button>
</view>
</template>

<style>
.qwbmbutton {color:#777;font-size:24rpx;margin:30rpx;}
.qwbmbutton1 {background:none;}
.qwbmbutton2 {border:none;}
.qwbmbutton3 {background:none;border:none;}
.qwbmbutton4 {background:none;border:none;}
.qwbmbutton4::after{border:none;}
</style>

前一页:微信小程序发送给朋友与分享到朋友圈显示灰色的但是按钮分享可以使用
后一页:uni.openLocation打开地图导航没反应解决方式(参数都设置对就是打不开)
相关阅读
python加Appium判断滑动是否到达屏幕底部
uni-app按钮button利用css伪类after去除灰色边框
input文本输入框只能输入数字或字母或汉字等
asp中求两个数的百分比(利用百分比函数FormatPercent就可以自带%的符号)
Dreamweaver错误:在onload运行_beforeSave.htm时,发生了一个JavaScript错误
javascript 表单(文本框)触发鼠标事件大全
网页小键盘/软键盘
点击密码框弹出小键盘
更多>>uni-app相关信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
更多>>最新添加
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法