前端color兼容IOS端的解决方案

已于 2022-09-17 12:56:37 修改
阅读量757 收藏 1
点赞数 1
分类专栏： CSS 文章标签： 前端 javascript 开发语言
于 2022-09-16 14:49:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Steven_Son/article/details/126890253
版权

起因

  最近在写开发移动端项目，用的vant框架，color样式深度改完后在安卓可以看到已更改，但是IOS端则还是原本的黑色，自此我多加了一个浏览器兼容前缀-webkit就解决了，wekit是兼容chrome和safari的，如果还需要兼容其他浏览器去查一下其他相关浏览器前缀表哈。

代码展示

/deep/ .van-icon-arrow-left {
  color: white !important; 
  -webkit-text-fill-color: white !important;
}

后话

做个笔记方便以后再次遇到以及正在找这个方案的人，Thanks for reading。😊

HaushoLin
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端开发之ios端bug集锦
01-03
1、ios端获取时间异常 // Android 端 正常 new Date(2017-12-29 15:41:52) // ios 端 打印结果为 Invalid Date // 解决办法： new Date(2017/12/29 15:41:52) 2、微信小程序-背景音频ios播放异常 // 原因一： ...
IOS 的弹性滚动解决方案
01-04
所谓弹性滚动就是指在翻动长页面手指离开时，由慢到块，由快到慢的过度。 　安卓平台上的大多数浏览器都默认了该行为 　ios当前还只对<body>下的 overflow 默认产生弹性滚动效果 ...　解决方
iOS--界面弹出、color
weixin_61196797的博客
09-15 385
iOS--界面弹出、color
iphone clearColor 不起作用问题
weixin_30412577的博客
10-26 246
在ios5以后的程序里，当你设置一个视图 [UIViewsetBackgroundColor:[UIColorclearColor]]; 但是运行的时候背景却是黑色的 解决办法： 在后面添加一句 [UIViewsetOpaque:NO]; 就ok了 版权...
ios 解决UIColor colorWithRed 无效果
Alex老夫子的专栏
06-07 1621
最近用[UIColor colorWithRed:175 green:175 blue:175 alpha:1];设置颜色时，发现无论怎么改变三个数值控件颜色都是白色，一开始以为是颜色设置太浅，其实是因为RGB的颜色值范围都是在0.0~1.0之间的，应该用175/255.0才可以，改成[UIColor colorWithRed:175/255.0 green:175/255.0 blue:17
ios的input框在禁用状态 字体颜色修改无效？？？？？？
Dark_programmer的博客
04-07 1185
奇奇怪怪，可可爱爱 问题描述： 在移动端有input输入框，但是是禁用的状态，但是默认的字体颜色和大背景颜色又区分不开。想着用 !important强制改掉，在pc端切换成pad模式或者手机模式，显示正常；但是在真正的pad端查看，颜色仍是无变化 问题原因： 移动端环境下android只需设定input的color即可 而ios下input disabled的默认样式会有默认样式opacity以及隐藏样式-webkit-text-fill-color .el-input input{ col.
工作上遇到的css 问题，兼容性问题总结
sinat_33337475的博客
03-01 784
css 设置：1.文字描边： -webkit-text-troke:1px #2A75BF;text-stroke(文本描边)和text-fill-color(文本填充色)注意点：    目前这两个属性只有webkit内核的Safari和Chrome支持，例如： -webkit-text-stroke: 3.3px #2A75BF;    text-fill-color：颜色值，和color属性差...
IOS 常见内存泄漏以及解决方案
01-05
IOS 常见内存泄漏以及解决方案 整理了几个内存泄漏的例子，由于转载地址已经找不到了，在这里就不一一列出来了。 1 OC和CF转化出现的内存警告 CFStringRef cfString = CFURLCreateStringByAddingPercentEscapes...
常见iOS错误解决方案
09-27
常见iOS错误解决方案
兼容iOS 10 升级xcode8出现的问题及一些适配问题的解决方案
01-05
下面普及下ios10跟之前的推送的区别 •iOS 9 以前的通知 1.在调用方法时，有些方法让人很难区分，容易写错方法，这让开发者有时候很苦恼。 2.应用在运行时和非运行时捕获通知的路径还不一致。 3.应用在前台时，...
解决小程序中textarea ios端样式不兼容的两种方法
web全栈开发的博客
11-02 1549
今天遇到在小程序里面textarea会存在一定的兼容性问题，textarea有默认的内边距，在安卓手机和ios手机显示的时候，ios手机的内边距会比安卓手机的内边距大很多，所以会造成样式不兼容第一种方法：解决的办法：通过wx.getSystemInfoSync()获取手机的机型；获取到对应的isIos的布尔值，再进行三元判断即可第二种方法：微信小程序文档标明disable-default-padding这个属性可以去除！
微信小程序 iOS兼容性总结
xniYa的博客
05-30 898
微信小程序 iOS兼容性总结
web移动端之ios兼容问题汇总
凌风的博客
08-23 2020
ios中点击出现灰色阴影效果，（明明什么效果都没有加） 解决办法： -webkit-tap-highlight-color: transparent; xxxx-xx-xx 日期格式在ios中报错 解决办法：改成xxxx/xx/xx格式。例如： new Date(this.fullyear + '/' + this.month + '/1').getDay()...
iOS 改变input disabled 默认的字体颜色
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
11-21 1646
本以为改变input[disabled]的字体颜色只需要改变color和opacity就可以了，结果发现在iPhone手机和Mac的Safari浏览器中都不起作用。所以接下来我们来研究一下它。 1.设置 -webkit-text-fill-color input:disabled, input[disabled] { -webkit-text-fill-color: #2c363f; ...
fillcolor是什么意思_css3 text-fill-color属性
weixin_39812065的博客
12-19 226
text-fill-color是什么意思呢？单单从字面上来看就是“文本填充颜色”,不过它实际也是设置对象中文字的填充颜色，和color的效果很相似。如果同时设置text-fill-color和color两个属性，则text-fill-color会覆盖掉color的值。由于text-fill-color是css3的新属性，一说到css3新属性，大家肯定就会问兼容效果如何呢？？嘿嘿，只能毫不留情的说，...
CSS text-fill-color属性
热门推荐
ssisse的博客
08-26 1万+
CSS : text-fill-color属性 语法： text-fill-color： 默认值：transparent 适用于：所有元素 继承性：有 动画性：是 计算值：指定值 取值： ：指定文字的填充颜色。 说明： 检索或设置对象中的文字填充颜色。 若同时设置 和 color '>， 定义的颜色将覆盖 col
解决text-shadow和text-fill-color的冲突
weixin_44207333的博客
02-23 836
前言 今天在写样式是有一组文字既要文字渐变，又要文字阴影，但是有文字阴影的话，文字渐变就会沉底，阴影会在文字的上面 .front-text{ width: 325px; height: 105px; font-size: 140px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; text-shadow: 0px 4px 0px #D52A03; background: linear-gradient(180deg, #FFFFFF
fillcolor是什么意思_详解css3中 text-fill-color属性
weixin_39975366的博客
12-19 1076
text-fill-color是什么意思呢？单单从字面上来看就是“文本填充颜色”,不过它实际也是设置对象中文字的填充颜色，和color的效果很相似。如果同时设置text-fill-color和color两个属性，则text-fill-color会覆盖掉color的值。由于text-fill-color是css3的新属性，一说到css3新属性，大家肯定就会问兼容效果如何呢？？嘿嘿，只能毫不留情的说，...
CSS3 之text-fill-color属性
安歌
11-05 5490
text-fill-color是设置指定文字的填充颜色。若同时设置&lt;text-fill-color &gt; 和 &lt;color &gt;，&lt; text-fill-color &gt;定义的颜色将覆盖&lt; color &gt; 属性 text-fill-color可以实现渐变色字体和镂空字体，具体如下： 渐变色字体 HTML代码 &lt;p class="font1"&gt;你...
前端实现iOS电脑端拖拽上传文件夹
最新发布
05-27
前端实现iOS电脑端拖拽上传文件夹可以通过使用HTML5中的拖放API和File API来实现。以下是基本的实现步骤： 1. 创建一个元素，用于接受拖拽上传的文件夹。 2. 监听该元素的dragover和drop事件，分别处理文件拖拽和...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值