解决foundation5下CSS伪元素::after在iOS14以上系统不显示问题

2021-03-19 阅读：2692 类型：前端分类：style 标签： style html

最近在写页面，发现ios下不显示，安卓和pc折叠导航下的CSS伪元素::after都能正常显示。

解决方法：

因为官方默认高度为0没有加上高度height

对此，我们只需增加一段样式

<style>
  .top-bar .toggle-topbar.menu-icon a span::after{
    height: 1px;
    background: #fff
  }
</style>

即可解决该问题。

【腾讯云】2核2G云服务器新老同享 99元/年，续费同价，云服务器3年机/5年机限时抢购，低至 2.5折

扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/634.html

上一篇： Centos服务器如何禁止ping

下一篇： PHP实现微信公众号获取用户信息判断用户是否关注公众号教程

文章评论（0）

简忆博客
勤于学习，乐于分享

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

Google Vant ElementUI Linux macOS windows Navicat TP8 PgSQL Highlight SqlServer 字节跳动企业微信 uView MongoDB 微擎 wepy ES6 游戏 uni-app WordPress canvas FaceBook SEM 云存储刷机 Flutter vscode Docker RabbitMQ SVN composer 插件路由器 TP6 OneThink Vue swoole Redis 帝国cms CodeIgniter 虚拟机方法技巧防护软件下载 JavaScript AI go语言 Android JAVA Git Layui React 区块链 Laravel Mysql node.js html linux window ECharts GITHUB bootstrap UEditor SEO 模板服务器微信开发 ECSHOP style 正则 PhpStorm 轮播插件 sublime text 工具 layui.js Python 操作系统 PhotoShop jQuery TP5 ThinkPHP AJAX PHP API office 微信小程序织梦cms