.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='SimHei']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='SimHei']::before { font-family: SimHei; content: '黑体'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Microsoft-YaHei']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Microsoft-YaHei']::before { font-family: 'Microsoft YaHei'; content: '微软雅黑'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='KaiTi']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='KaiTi']::before { font-family: KaiTi; content: '楷体'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='FangSong']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='FangSong']::before { font-family: FangSong; content: '仿宋'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='SimSun']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='SimSun']::before { font-family: SimSun; content: '宋体'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='STFANGSO']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='STFANGSO']::before { font-family: STFANGSO; content: '华文仿宋'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='STKAITI']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='STKAITI']::before { font-family: STKAITI; content: '华文楷体'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Arial']::before { font-family: Arial; content: 'Arial'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Times-New-Roman']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Times-New-Roman']::before { font-family: 'Times New Roman'; content: 'Times New Roman'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='sans-serif']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='sans-serif']::before { font-family: sans-serif; content: 'sans-serif'; } .ql-font-SimSun { font-family: SimSun; } .ql-font-SimHei { font-family: SimHei; } .ql-font-Microsoft-YaHei { font-family: 'Microsoft YaHei'; } .ql-font-KaiTi { font-family: KaiTi; } .ql-font-FangSong { font-family: FangSong; } .ql-font-Arial { font-family: Arial; } .ql-font-Times-New-Roman { font-family: 'Times New Roman'; } .ql-font-sans-serif { font-family: sans-serif; } /* 字号设置 */ .ql-picker-options{ overflow: auto; height: 200px; } /* 默认字号 */ .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: '字号'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before { font-size: 12px; content: '12px'; } .ql-size-12px { font-size: 12px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14px']::before { font-size: 14px; content: '14px'; } .ql-size-14px { font-size: 14px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before { font-size: 16px; content: '16px'; } .ql-size-16px { font-size: 16px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18px']::before { font-size: 18px; content: '18px'; } .ql-size-18px { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before { font-size: 20px; content: '20px'; } .ql-size-20px { font-size: 20px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='22px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='22px']::before { font-size: 22px; content: '22px'; } .ql-size-24px { font-size: 24px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before { font-size: 24px; content: '24px'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='26px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='26px']::before { font-size: 26px; content: '26px'; } .ql-size-26px { font-size: 26px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='28px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='28px']::before { font-size: 28px; content: '28px'; } .ql-size-28px { font-size: 28px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='30px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='30px']::before { font-size: 30px; content: '30px'; } .ql-size-30px { font-size: 30px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='32px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='32px']::before { font-size: 32px; content: '32px'; } .ql-size-32px { font-size: 32px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36px']::before { font-size: 36px; content: '36px'; } .ql-size-36px { font-size: 36px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='40px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='40px']::before { font-size: 40px; content: '40px'; } .ql-size-40px { font-size: 40px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='42px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='42px']::before { font-size: 42px; content: '42px'; } .ql-size-42px { font-size: 42px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='44px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='44px']::before { font-size: 44px; content: '44px'; } .ql-size-44px { font-size: 44px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='46px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='46px']::before { font-size: 46px; content: '46px'; } .ql-size-46px { font-size: 46px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='48px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='48px']::before { font-size: 48px; content: '48px'; } .ql-size-48px { font-size: 48px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='50px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='50px']::before { font-size: 50px; content: '50px'; } .ql-size-50px { font-size: 50px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='52px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='52px']::before { font-size: 52px; content: '52px'; } .ql-size-52px { font-size: 52px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='54px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='54px']::before { font-size: 54px; content: '54px'; } .ql-size-54px { font-size: 54px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='56px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='56px']::before { font-size: 56px; content: '56px'; } .ql-size-56px { font-size: 56px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='58px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='58px']::before { font-size: 58px; content: '58px'; } .ql-size-58px { font-size: 58px; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='60px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='60px']::before { font-size: 60px; content: '60px'; } .ql-size-60px { font-size: 60px; } .ql-snow .ql-picker.ql-lineheight .ql-picker-label::before { content: '行高'; } .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1']::before { content: '1'; } .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.5']::before { content: '1.5'; } .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.75']::before { content: '1.75'; } .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='2']::before { content: '2'; } .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='3']::before { content: '3'; } .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='4']::before { content: '4'; } .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='5']::before { content: '5'; } .ql-snow .ql-picker.ql-lineheight { width: 70px; }