解决利用伪类写的1px边框在某些机型不显示的问题

在移动端项目中,border设置为1px,在手机上看起来会非常粗,所以需要使用伪类模拟边框,代码如下



注意伪类的content属性,如果设置为空。可能会导致在某些机型不显示,经过一番尝试后,我发现将content属性设置为一个全角的空格,可以完美解决。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,700评论 0 6
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,737评论 0 7
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,456评论 0 7
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,395评论 0 40
  • 一路风雨交加,虽在秋天,胜似寒冬啊。进到办公室,查看一圈,冷冷清清,烧一壶热水,先打开电脑电灯,给上级...
    马波妞妞阅读 1,180评论 9 15

友情链接更多精彩内容