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

相关文章推荐

英俊的罐头 · 磷酸铁锂电池循环寿命的加速试验验证方法 - 知乎· 1 年前 ·

健壮的吐司 · tweepy.error.forbidden ...· 2 年前 ·

刚毅的鸵鸟 · js给json对象添加、删除、修改属性_js ...· 2 年前 ·

@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浏览器可以