uniapp中怎样去掉button元素的默认边框

程序员小张 • 2024-08-18 10:36:12 • 阅读:995

个人成长 | 独立开发者 | 创业历程 | 赚钱思维

大家好，我是一名独立开发者。在这里跟大家分享独立开发日常，编程技巧。欢迎大家跟我交流软件开发的一切事情，更欢迎大家下载使用我们的APP。

通常情况下看到button边框问题都很容易想到的给设置一个这样的属性

button{
		border:none;
		outline: none;
		}

但是你会发现加了这个之后也没有什么卵用，那个边框依旧还在

其实在这里还需要加一个伪类的属性来去掉边框

button::after{ border: none;}

添加这个伪类属性之后就可以愉快的自定义你的按钮样式啦

------------------ 华丽分割线 ------------------

创业举步维艰，感谢各位支持

欢迎大家阅读我的创业笔记，如果你觉得这篇写得不错的话，可以关注我的公众号：成长创业笔记第一时间查阅我们的文章！感谢大家的支持。

欢迎大家下载使用我们的安卓APP：

● 松鼠驾考：驾考刷题APP，新版的驾考题目内容持续更新。
● 松鼠天气：简洁的天气预报，日历工具
● 加我微信：zstxinghui

成长创业笔记

相关推荐

uniapp通过自定义事件进行页面通讯

程序员小张

2025-01-03

uniapp中怎样去掉button元素的默认边框

程序员小张

2024-08-18

uniapp子组件调用父组件的方法

程序员小张

2024-08-07

uniapp使用vue3实现tab切换效果

程序员小张

2024-07-27

vue3父子组件之间的参数传递方式

程序员小张

2024-07-21

uniapp中怎样配置pinia

程序员小张

2024-07-19

uniapp-ui的使用

程序员小张

2024-07-13

程序员小张

我们的主营业务：承接网站建设、小程序开发、安卓APP开发、软著申请等。欢迎咨询！

扫一扫，加我微信

产品推荐

陪诊系统（自营模式）

家政上门系统

个人网站/博客模板(免费)

随机文章

这是属于独立新个体的时代，要为自己而战

2024-06-18 23:16:41

开发者周记9:家政小程序版本的升级

2024-07-19 10:44:41

uniapp中怎样去掉button元素的默认边框

2024-08-18 10:36:12

开发者周记12：小程序管理后台新版本

2024-08-23 18:19:28

在创业的过程中重新认识自己的短板

2025-04-24 10:39:06

开发者前沿

uniapp中怎样去掉button元素的默认边框