uni-app使用button时去掉默认样式css详解
uni-app
2024-02-24 14:48:25
美化在前端开发中是极为重要存在,通过对需要展示的数据进行排列和排列后的美化。是让用户对网站的关键印象,那么在前端开发中我们又会遇到哪些关于美化的处理呢?
谈及前端开发中对于布局美化的操作,就不得不提最为常用的button按钮。无论是在网页还是各类小程序中关于button都有着默认的基础样式。
但这个默认样式在实际开发中,也许并不合适。这就需要我们将button默认的样式去除掉。来替换为新的样式需求。
本篇就介绍在uni-app开发中关于button样式的处理。
<button class="button_no" open-type="chooseAvatar" @chooseavatar="uploadImg">选择头像</button>
.button_no{
background-color: transparent;
}
.button_no::after{
border:none;
}
上方效果为,去掉按钮背景色和boder边框效果。
transparent为设置为按钮背景色为透明色。
使用伪元素::after实现去除按钮的border边框效果。

886篇文章
1797人已阅读