小程序 css去不button边线小技巧

最新推荐文章于 2025-12-18 17:13:23 发布
原创 最新推荐文章于 2025-12-18 17:13:23 发布 · 339 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #css3

本文介绍了一种隐藏按钮边框的方法，通过CSS代码实现按钮样式的自定义调整。具体操作包括使用`:after`伪元素并设置`border`属性为`transparent`或`none`来达到隐藏效果。

.button::after {
border:transparent; //隐藏
border:none;
outline: non
}
button 是类名选择器, 替换成你的button class 类名

CJamenc
关注
【微信小程序】表单组件-button按钮组件
墨夶的博客
11-23 1895
通过设置属性，可以自定义按钮点击时的样式。如果需要完全自定义点击态样式，可以设置并使用 CSS 控制点击态。-- index.wxml --> < button type = " primary " hover-class = " my-hover-class " > 自定义点击态 -- index.wxml --> < button type = " primary " hover-class = " my-hover-class " > 自定义点击态
微信小程序button按钮怎么去掉边框
qq_45067263的博客
04-11 2514
微信小程序button按钮怎么去掉边框。
button 按钮的边框 border 怎么去除
zlq_优快云的博客
03-15 6657
这次在我开发微信小程序的时候，发现一个问题：微信小程序中的button组件存在特定的css样式，我们可以通过 “ background：none；” 来去除背景色，但是呢，边框用“border : none”是去不了边框的，这也是微信小程序与h5的不同之处。 解决：在微信小程序中使用 ::after 选择器就可以实现这一功能。 传统：“border:none;”，来去除边框依旧有一条细细的bo...
微信小程序 —— button按钮去除border边框
叶落无痕的博客
10-08 1219
在开发微信小程序组件框架时，我遇到了一个问题，微信小程序中的button组件有特定的css，背景可以用“background：none”去掉，但是边框再用“border : none”去掉就不可以了，这也是微信小程序与h5的不同之处。/*使用 button::after{ border: none;使用 button::after{ border: none;传统的用“border:none;来去除边框”，依旧有一条细细的border;但是在微信小程序中使用:after选择器就可以实现这一功能。
微信小程序按钮去除边框线
weixin_46600931的博客
05-11 559
实际上该样式是在伪元素::after内，主要你检查css 还看不到有这个关系，鹅厂就是坑多。但是在小程序中无效，设置outline:none也没用，当然可能你会说加权重无效。通常我们去掉按钮边框直接设置。
微信小程序button上有若有若无的边框
qq_46738283的博客
04-20 415
微信小程序上有一层若有若无的边框，使用border：none去不掉，原来是button的：：after带的边框。
微信小程序 实例汇总 完整项目源代码
11-01
5. **组件化开发**：小程序支持组件化开发，如view、button、image、navigator等基础组件，以及swiper、picker等复合组件，通过组合和复用，提高开发效率。 6. **样式设计**：WXSS类似于CSS，但有其独特之处，如...
Taro小程序兼容H5 CSS 样式问题
weixin_46104314的博客
02-08 1954
记录Taro小程序兼容h5改造存在的Css问题，如单位转换、标签样式异常等。
微信小程序组件去不除类似边框的东西
lw2309485575的博客
04-23 472
css的边框、阴影、轮廓不管怎么改都去不除，奈何网上一查，小程序组件button还设置了伪类:after，真是害死我的美观。 修改后，还真没了 button:after{ border:none; } ...
css中如何去掉button（按钮）的边框
baidu_40817555的博客
01-13 3万+
1、input,button,a {outline:0 none !important; blr:expression(this.onFocus=this.blur());} 2、在做页面的时候，有时候会发现点击一些按钮会自带一些边框，这是浏览器添加的，但是自己并不想要，那么很简单， 就是在给这些有按钮的地方去掉边框 css添加：outline：none 3、有时候发现点击img的时候也会有，但是...
在html里给button添加边框属性(颜色、线形状 )
热门推荐
redbednil的专栏
06-04 4万+
  var btn =document.getElementById("bnt1") ; btn.style.border="1px solid #FF9933" ; 
用于去掉button外部的边线
政旻
12-29 1330
-webkit-tap-highlight-color: rgba(0,0,0,0);
tailwindcss：安装避坑，从 0 到项目跑通
qq_45796592的博客
12-17 1071
本文详细介绍了TailwindCSS v3.4.x的安装配置流程及优化技巧。首先说明了官方文档在实际操作中可能遇到的问题，强调了核心依赖tailwindcss、postcss和autoprefixer的重要性。接着详细讲解了配置文件的生成和修改方法，包括自定义颜色配置和效果验证。文章还分享了优化方案，提供了一个cs工具方法来提升类名编写的可读性。最后推荐了VSCode插件TailwindCSS IntelliSense来增强开发体验。
CSS mix-blend-mode 实现元素融合效果
小小•愿望的博客
12-17 855
CSS的mix-blend-mode属性可实现元素内容与背景的颜色混合，提供多种混合模式如multiply（正片叠底）、screen（滤色）、difference（差值）等，类似Photoshop图层效果。其中difference模式能根据背景色自动调整文字颜色，如白色文字在黑色背景保持白色，在白色背景变为黑色，解决文字与背景色冲突问题。该属性兼容现代浏览器，适用于动态色彩适配场景，示例展示了不同背景色下文字自动反色的效果。
Vue 3 的魔法：用 v-bind() 让 CSS 爱上 TypeScript 常量
最新发布
ttod的博客
12-18 956
Vue 3 的魔法：用 v-bind() 让 CSS 爱上 TypeScript 常量
CSS容器查询：让组件学会“见机行事“的魔法
ttod的博客
12-18 680
CSS容器查询：让组件学会"见机行事"的魔法
12.17 脚本网页 创意导航
2503_93413701的博客
12-17 524
分享一下短小，好看的导航。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值