uni-app - 去掉 button 组件自带的边框线

妖狐艹你老母 2022-12-28 11:23 201阅读 0赞

前言

组件文档：https://uniapp.dcloud.io/component/button

有时候，我们需要去掉 button 组件自带的边框线。
在这里插入图片描述

解决方案

直接在该页面或全局使用以下代码：

button::after {  border: none }

发表评论取消回复

表情：

评论列表（有 0 条评论，201人围观）

还没有评论，来说两句吧...

相关阅读

相关去掉border边框线

<div style="width: 40px;height: 40px;float: left;background: red;border: 1px solid 3

浅浅的花香味﹌/ 2023年06月08日 06:41/ 0 赞/ 92 阅读

相关 uni-app - 去掉 button 组件自带的边框线

前言 > 组件文档：[https://uniapp.dcloud.io/component/button][https_uniapp.dcloud.io_componen

妖狐艹你老母/ 2022年12月28日 11:23/ 0 赞/ 202 阅读

相关 ant-design-vue Table组件去掉自带分页器

<a-table :columns="columns" :data-source="data" :pagination

雨点打透心脏的1/2处/ 2022年12月23日 00:47/ 0 赞/ 243 阅读

相关模拟Element的自定义Button组件

一、使用vue脚手架初始化一个项目使用vue created Tianm，创建一个名为Tianm的项目。按照自己的习惯设置脚手架风格，这里不多做介绍。脚手架搭建完

青旅半醒/ 2022年12月06日 15:13/ 0 赞/ 334 阅读

相关自定义控件---带边框的圆形图片

效果： ![20140924112817531][] ![20140924113012612][] package com.zyh.cr

╰+哭是因爲堅強的太久メ/ 2022年08月12日 11:30/ 0 赞/ 243 阅读

相关微信小程序：button组件的边框设置

button的边框是用:after方式实现的，用户如果在button上定义边框会出现两条线，需用:after的方式去覆盖默认值。如果设置了Button的背景色，没有用:af

古城微笑少年丶/ 2022年06月09日 07:00/ 0 赞/ 335 阅读

相关 Android5.0以上Button自带阴影去掉方案

在[Android][] 5.0以后的版本中，定义一个button时，系统自动会加一个阴影的效果,需要手动去掉阴影则可以按如下方式处理。 <Button

妖狐艹你老母/ 2022年05月08日 08:06/ 0 赞/ 849 阅读

相关 html button去掉点击时的边框

<button class="querybtn">确定</button> .querybtn{ width: 100%; height:

浅浅的花香味﹌/ 2022年03月31日 08:25/ 0 赞/ 714 阅读

相关 html+css 去掉select自带的边框和小三角

css代码 selected{ width: 100%; height: 100%; background-color: f54545;

以你之姓@/ 2022年02月19日 11:55/ 0 赞/ 943 阅读

相关 uniapp组件-button按钮

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

川长思鸟来/ 2021年07月25日 14:27/ 0 赞/ 1747 阅读