订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

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

2021/2/5 21:47:30 字体: 浏览 791

在用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>

相关阅读
旅行社网站模板9
Div+CSS布局应该注重语义、注重代码的重用性
一个CSS特效生成器下载
windows8的iis7应用程序池标识问题
对MD5加密方式使用者的建议
IE8 CSS HACK 兼容
留言板留言板V7.2
javascript编写的网页版的打字测试程序
共有0条关于《uni-app按钮button利用css伪类after去除灰色边框》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
更多>>同类信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
更多>>最新添加文章
呼伦贝尔市北天草原旅行社有限公司
四川悠旅地旅游有限公司
连云港五洲旅行社有限公司
邓州市途鸿旅行社
连云港华夏国际旅行社有限公司
重庆长航江山国际旅行社
松原市海航商务旅行社
广西亚太国际旅行社有限公司
更多>>随机抽取信息
一个运行HTML文件的代码
深山旅行社网站管理系统5.0发布
Vista中使用IIS 7.0三个常见问题
一张背景实现自适应九宫格
中南国际旅游公司
利用css3.0写出一个音乐播放的唱片碟盘的效果