【浏览器打印无法显示单选按钮的选中效果】

vue项目,使用的是antDesign,当使用浏览器打印(print-js)时无法显示单选按钮的选中效果

方法1:勾选设置中的选项的背景图形

方法2:加上强制打印背景颜色/图像,代码如下:

/* 强制打印背景颜色/图像 */

    * {

        -webkit-print-color-adjust: exact !important;  /* Chrome, Safari */

        color-adjust: exact !important;                /*Firefox*/

  }

————————————————

                            版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。


原文链接:https://blog.csdn.net/gaojiahao_/article/details/123397773

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 引入样式: @media print{} 单位(cm,in英寸)1 inch = 2.54 cm1cm = 96/...
    神刀阅读 12,251评论 1 2
  • 引入样式: @media print{} 单位****(cm,in****英寸****)1 inch = 2.54...
    神刀阅读 6,258评论 0 0
  • 主要添加这一行 -webkit-print-color-adjust: exact; 就起作用了 项目实例如下:...
    e540899da35f阅读 3,805评论 0 0
  • 这个不错分享给大家,从扣上看到的,就转过来了 《电脑专业英语》 file [fail] n. 文件;v. 保存文...
    麦子先生R阅读 11,824评论 5 24
  • 1.file,n.文件;v.保存文件 [faɪl] 2.command,n.命令,指令 [kəˈmænd] 3.u...
    巢峰阅读 2,875评论 0 0