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

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

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

button{
		border:none;
		outline: none;
		}

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

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

button::after{ border: none;}

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

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

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

我是一名独立开发者，创业者。欢迎大家跟我交流软件开发、软件运营的一切事情。包括网站建设、小程序开发、安卓app开发等。

微信号：zstxinghui

欢迎大家使用我们的软件：

● 在线图片编辑器
● 小程序： 家政小程序，陪诊小程序
● 开源的网站内容管理系统： 小木CMS内容管理系统

更欢迎大家下载我们的APP：

● 松鼠天气：简洁的天气预报，日历工具

公众号

相关推荐

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开发、软著申请等。欢迎咨询！

扫一扫，加我微信

产品推荐

陪诊系统（自营模式）

家政上门系统

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

随机文章

开发者周记5：今天小木CMS终于上线网站手机版本

2024-06-16 17:13:05

开发者周记8:家政小程序终于出来了

2024-07-05 18:11:38

如果还有想法那就坚持下去

2024-11-11 10:28:06

成长创业笔记17：2025年稳步前行，家政小程序发布新版本，继续出发

2025-01-10 23:36:15

2025年的产品想法

2025-03-14 15:59:35

开发者前沿

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