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

相关文章推荐

淡定的斑马 · Steam 上的 Sid Meier's ...· 9 月前 ·

想旅行的烈马 · 中华人民共和国驻纽约总领事馆-首页· 1 年前 ·

拉风的闹钟 · css定义浏览器滚动条样式-实现客服访客聊天 ...· 1 年前 ·

爽快的可乐 · 读创--【原创】国内首个网文行业大模型“阅文 ...· 2 年前 ·

老实的火腿肠 · [第92话] 告诉我-触不可及-漫画牛· 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浏览器可以