首页 > 软件开发 > HTML >

layer如何改变字体大小

来源:互联网 2023-03-16 19:13:24 362

layer是layui的一个弹出层的组件,这是一个比较易用的前端脚本库,下面我们来看一下这个弹出层是如何改变字体大小的。CSg办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们先在html脚本里用layer.open方法来做一个弹出层。CSg办公区 - 实用经验教程分享!

    layer如何改变字体大小CSg办公区 - 实用经验教程分享!

  • 2

    运行页面,可以看到当前的弹出层文字大小是如图这样的。CSg办公区 - 实用经验教程分享!

    layer如何改变字体大小CSg办公区 - 实用经验教程分享!

  • 3

    为了修改弹出层的字体大小,我们可以添加一个样式,样式名需要为layui-layer-content,然后设置字体大小,和颜色。CSg办公区 - 实用经验教程分享!

    layer如何改变字体大小CSg办公区 - 实用经验教程分享!

  • 4

    再次运行页面,可以看到弹出层的内容的文字大小已经变大了。颜色也变了。CSg办公区 - 实用经验教程分享!

    layer如何改变字体大小CSg办公区 - 实用经验教程分享!

  • 5

    如果要把弹出层的标题文字也改,我们需要添加一个layui-layer-title的样式。CSg办公区 - 实用经验教程分享!

    layer如何改变字体大小CSg办公区 - 实用经验教程分享!

  • 6

    运行后,可以看到现在弹出层标题的文字也改了。CSg办公区 - 实用经验教程分享!

    layer如何改变字体大小CSg办公区 - 实用经验教程分享!

  • 6相关内容未经授权抓取自百度经验
  • 7

    为了让我们添加的样式能确保覆盖默认的样式,我们在添加的样式前都加多一个body,这样它的优先级会更高一点。CSg办公区 - 实用经验教程分享!

    layer如何改变字体大小CSg办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!CSg办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码