uniapp的按钮后面的after问题

于 2024-03-26 14:27:11 发布
阅读量244 收藏
点赞数 1
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74528956/article/details/137045235
版权

我们在写uniapp的时候,很多时候用到button按钮；在设置按钮的样式，比如尺寸大小或者颜色等修改，会出现这种背后有个after伪元素的显示问题，我试了试穿透，但无法直接穿透修改，穿透失效了；后面用class类给它的after设置，就能成功修改，这里这个.but就是对应的你的元素的class="but"

让.布兰多.奎尔斯
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp插件：基于CSS实现的进度环.zip
01-23
1. **伪元素**：CSS的`:before`和`:after`伪元素可以用来创建额外的图形元素，例如进度环的圆环部分。 2. **边框半径**：通过设置元素的边框半径为50%，可以将其转换为圆形。 3. **边框宽度**：调整边框宽度可以改变...
jQuery使用after()方法在元素后面添加多项内容的方法
10-24
主要介绍了jQuery使用after()方法在元素后面添加多项内容的方法,实例分析了jQuery中after方法的功能及在元素后面添加内容的技巧,非常具有实用价值,需要的朋友可以参考下
uniapp中.uni-list:after样式造成的黑线显示问题
weixin_42064267的博客
04-26 324
问题描述：当给一个可滚动的容器加上uni-list类名时，会有一根黑线出现在底部，并且随容器滚动而滚动。
2021-05- uni-app 安卓和ios，H5不兼容，样式问题-------01、uni-app使用after的问题
itwangyang520的博客
05-12 2177
不要问为什么，就这样子写，就对了 1. 不适用flex布局，就是这样子的 使用了flex布局，就是这样子的
uniapp---uniapp学习笔记总结（一）
maidu_xbd的博客
11-23 1956
一、为什么学习uni-app 当前跨平台开发存在的问题（1）多端泛滥（2）体验不好（3）生态不丰富 uni-app特点： 跨平台更多：一套代码，多端发行！ 运行体验更好：组件、api与微信小程序一致，兼容weex原生渲染。 通用技术栈，学习成本更低 vue的语法、微信小程序的标签和api，内嵌mpvue开源框架 开放生态，组件更丰富：支持npm安装第三方包，，支持微信小程序自定义组件及SDK，兼容mpvue组件及项目，App端支持和原生混合编码，Dcloud将发布插件市场 开发一次，多端覆盖：小
uni-app中的button按钮，去掉默认的灰色边框
weixin_43337481的博客
07-12 2708
想要去掉默认的灰色边框，需要修改。
uni-app 实现|的css
weixin_45932157的博客
05-30 783
&::after{ content: ""; position: absolute; top: 12px; bottom: 12px; left: 0; width: 1px; background-color: #ddd; }
使用before和:after伪类制作css3圆形按钮
09-25
主要介绍了使用before和:after伪类制作css3圆形按钮,需要的朋友可以参考下
uniapp个人中心页面开发.docx
10-10
此外，还可以通过修改CSS样式去掉组件默认的边框，如`uni-list-item__container:after`的选择器，调整边框的显示。 3. **Vue的provide和inject**：Vue的`provide`和`inject`选项用于在祖先组件中提供变量，并在后代...
After_Effect常见问题解答
09-07
本资源汇总了After_Effect（AE）中常见的问题和解决方案，涵盖了AE中的各个方面，包括输出单帧图片、mask等比例缩放、导入序列文件、添加3D图层、音频问题、文字颤抖效果、素材切割、文字特效、时间伸缩、预览问题、...
小程序/uniapp支持的css选择器一览
weixin_33716154的博客
01-01 1920
本次测试主要参考文档为w3school CSS 选择器参考手册 (主要是安卓/ios/微信小程序的css选择器兼容) 入坑uniapp/小程序过程中看到dcloud/微信对支持的css选择器的描述只有六个,分别是.class,#id,element,element,element,:before,:after但是看到dcloud给uni...
使用uniapp开发小程序遇到的一些问题
grand_brol的博客
12-27 3055
1、swiper组件自定义指识点 swiper组件的指示点默认是圆圈，想要自己设置指示点，需要获得当前索引，然后赋给当前索引不同的样式，然后在做个动画就可以了。 *关键点 用change方法，然后通过e.detail.current获得索引 ***示例 <!-- 顶部滑块区域 --> <view class="swiper"> <swiper class="swiper" :autoplay="true"
uniapp之弹性布局中最后一行元素宽度不足时左对齐的几种方法
我心坚持
11-04 1294
没有对齐之前： 对齐之后： 1.总数不定且列数不定 在父元素上加入伪元素： ::after .parent::after { content: ''; flex:auto; } flex:auto用于占满最后一行的剩余宽度，中间就会没有任何间距。所以可以给每个子元素设置margin以分割出缝隙。 2、添加几个空view在元素末尾 不设置高度 利用每个list数组的长度，进行取余数 <view if="List.lenght%3==1"> <view style="
uni-app使用button按钮，设置border：none不起作用
强者惜字如金，弱者废话连篇！
08-09 1540
uni-app使用button按钮，设置border：none不起作用 uni-app的button设置border:0;去掉边框线是不行的，需要设置button::after{ border: none;} 这样就可以解决这个button自带的边框问题了
uniapp在:style动态设置样式
FUFCY的博客
04-22 3258
:style="{backgroundColor:`${query.label.color}`}"
uniapp动态修改样式_Vue如何动态修改CSS变量
hahahhahahahha123456的博客
07-06 4426
想要动态修改css样式就得能动态的给<style></style>赋值，可是<style></style>里面又写不了变量（有可能可以但是我不会。。），所以想了个这种办法，通过给模板文件的:style动态复制从而间接的修改<style></style>里面的变量 <template> <div :style="{'--color':'red'}"></div> </templat...
uni-app修改button按钮样式
weixin_44055653的博客
02-10 1833
uni-app修改button按钮样式
uni-app知识点和项目上遇到的问题和解决办法的记录
动感超人的博客
07-22 1651
参考文章@flex布局设置space-between(around)最后一行不左对齐问题-解决办法@[译]当咱们在使用displayflex的时候，到底发生了什么？大家可能都遇到过下面这种情况,在布局的时候我们不得不设置并且效果本来想是下面这张图右边的效果,但是显示的却是左边的效果了其实解决也很简单,在最外层添加一个伪类即可html结构...
uniapp踩坑指南之坑多到写不完
qq_39756331的博客
11-26 3523
1、sticky:到达指定位置时，就停留在那里不动了。当发现可以走时，立马就走了。 如果走不了就不会动了，就会一直在那里。 https://www.cnblogs.com/byeyear/p/11999334.html 设置了sticky定位的元素相对于第一个定位不为static的父级元素的位置，sticky的作用区域也是在该父级元素的内。也就是说粘性布局的效果只在该父元素内表现出来。 使用条件： 1、父元素不能overflow:hidden或者overflow:auto属性。 2、必须指定top、bott
uniapp中写一个播放按钮css样式
最新发布
06-05
uniapp是一款基于Vue.js开发的跨平台应用框架，可以通过使用CSS样式来为页面元素添加特殊的效果。下面是一个基本的播放按钮CSS样式的示例： ``` .play-button { width: 30px; height: 30px; border-radius: 50%;...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值