jquery改变 inpout字体颜色 jquery设置字体样式_mob6454cc777577的技术博客_

相关文章推荐

会开车的钱包 · akt总站入口-西瓜视频搜索· 3 月前 ·

欢乐的灭火器 · 《毒枭：墨西哥》之综述篇：时代之殇，命运之战 ...· 4 月前 ·

深情的脆皮肠 · 与君同眠漫画 - 抖音· 1 年前 ·

可爱的乌冬面 · 【原耽双男主小说推荐】主角们为我拔刀相向作者 ...· 1 年前 ·

果断的石榴 · 【北汽制造元宝】北京牌_北汽制造元宝报价_价 ...· 1 年前 ·

@font-face { font-family: 'SourceHanSansCN-Medium'; src: url("https://www.qipa250.com/fonts/SourceHanSansCN-Medium.otf"); /*汉仪雅酷黑-85W*/ @font-face { font-family: 'HanYiYaKuHei85w'; src: url("https://www.qipa250.com/fonts/HanYiYaKuHei-85W.ttf"); /*思源宋体CN-Medium*/ @font-face { font-family: 'SourceHanSansSongTiCN-Medium'; src: url("https://www.qipa250.com/fonts/SourceHanSansSongTiCN-Medium.otf"); /*优设标题黑*/ @font-face { font-family: 'YouSheBiaoTiHei-2'; src: url("https://www.qipa250.com/fonts/YouSheBiaoTiHei-2.ttf");

script 方法

//更换字体
function getfontlib(that) {
    var index = that.selectedIndex;
    var font_val = that.options[index].value;
    var text = that.options[index].text;
    console.log('index==', index);
    console.log('font_val==', font_val);
    console.log('text==', text);
    $(that).attr("style", "font-family:'" + font_val + "';");
}

效果图：

jquery改变 inpout字体颜色 jquery设置字体样式_jquery

注意：

火狐浏览器，下拉选项字体不兼容，谷歌和Edge浏览器可以