uni-app中button未设置边框，显示有边框

最新推荐文章于 2024-09-14 17:38:43 发布
最新推荐文章于 2024-09-14 17:38:43 发布
阅读量1.7k 收藏 3
点赞数 3
分类专栏： 前端总结 文章标签： css
原文链接：https://www.csdn.net/tags/OtTaggxsMjUzMTYtYmxvZwO0O0OO0O0O.html
版权

有时候不需要边框或者需要自定义边框，但是button有自带的边框线，所以需要去掉

解决方案：该页面设置以下代码

button::after{border: initial;}

其中button是要设置的button的名称

前端小菜鸡ππ队
关注
专栏目录
uni-app - 去掉 button 组件自带的边框线
王佳斌
12-16 1万+
前言 组件文档：https://uniapp.dcloud.io/component/button 有时候，我们需要去掉 button 组件自带的边框线。 解决方案 直接在该页面或全局使用以下代码： button::after { border: none }
uni-app可替换radio-group的控件uni-segmented-control（十九）
A_nanda的博客
08-06 280
选项卡1的内容</text></view><view v-if="current === 1"><text class="content-text">选项卡2的内容</text></view><view v-if="current === 2"><text class="content-text">选项卡3的内容
uni-app中button本身的边框线问题
yanhhillo的博客
05-15 752
当给button添加border属性并切边角时，会发现button的四个角位置会有线（根据手机不同有的会显示，有的不会），这个线就是uni-app本身自带的border，用button::after{ border: none;
【uniapp中button按钮取消边框线】
最新发布
m0_52861607的博客
09-14 455
【代码】【uniapp中button按钮取消边框线】
uniapp----button按钮去除边框
m0_74265396的博客
12-15 2616
使用button标签，给其添加。
uniapp button按钮在微信小程序中消除border边框
ltc_Yan的博客
12-18 1513
【代码】uniapp button按钮在微信小程序中消除border边框。
uni-app中的button按钮，去掉默认的灰色边框
weixin_43337481的博客
07-12 2913
想要去掉默认的灰色边框，需要修改。
uni-app 修改组件里的button的边框样式
呆子小木心的博客
06-20 4408
uni-app 修改组件里的button的边框样式
uni-app入门学习
2401_84092508的博客
04-20 1057
官方网页uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验，可快速上手uni-app为什么要去学习uni-app？
uni-app基础知识
baidu_33575737的博客
06-29 1563
uni-app的基本使用 课程介绍： 基础部分： 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 uni-app中样式学习 在uni-app中使用字体图标和开启scss 条件注释跨端兼容 uni中的事件 导航跳转 组件创建和通讯，及组件的生命周期 uni-app中使用uni-ui库 uni-app介绍 官方网页 uni-app 是一个使用 Vue.js 开发所
uni-app
qq_50613817的博客
06-21 329
文章目录uni-app基础使用介绍环境搭建创建项目并运行配置微信小程序项目目录开发规范全局配置和页面配置pages.json 初始样式pages 是页面配置globalStyle 是全局配置全局配置（pages.json）页面配置创建新项目配置基本的tabbarcondition启动模式配置基础组件text 组件的基本使用view组件的基本使用button按钮组件的基本使用image组件的基本使用uni中样式的学习及如何使用scss和字体图标基础的数据双向绑定v-bind和v-for的使用v-bindv-f
uniapp写抖音小程序的button会有边框，怎么去掉
yajia2的博客
06-12 340
最近写抖音小程序发现button会出现边框那么如何去掉呢？看下面。
uniapp使用button移除边框效果demo(整理)
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-13 508
uniapp使用button移除边框效果demo
微信小程序，uniapp去掉按钮的边框
m0_63466615的博客
04-09 1635
<button class="share" > <div class="iconfont icon-fenxiang"></div> <div>分享</div> </button> .share::after{ border: none; //去掉边框 } .share{ padding:0; margin:0 }
uniapp中button边框线的问题
weixin_43590833的博客
03-13 4845
最近的项目是关于uniapp的，处于边学边做的状态。 关于其中的button，当设置border，或者一切圆角表现时，UI给了一张背景图，我直接放上去的，但是发现四周会有自带的边框线。 通过设置button::after{ border: none;}可以去掉。 （记录自己可能会遗忘的问题） ...
uniapp 微信小程序 button 按钮去除边框
zerlinda0913的博客
08-12 4195
按钮去除边框
去掉uniapp button 的边框，默认样式
weixin_44908793的博客
07-17 2058
直接在添加的样式里面写 border:none;还有添加行内样式 border-style:none;将边框设置为透明都是不起效果的。去掉点击效果 hover-class='none'
uni-app 去除分享buttion 边框
偏执的小男孩儿
08-02 344
uni-app 去除分享buttion 边框
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值