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

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

爱搭讪的红金鱼 · MVVM模式和在WPF中的实现（二）数据绑定 ...· 1 年前 ·

俊秀的大葱 · 数据库复习笔记2——关系模型_等值连接要求相 ...· 2 年前 ·

急躁的甜瓜 · sqlserver if-掘金· 2 年前 ·

重感情的墨镜 · DataGridView 控件中的选择模式 ...· 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浏览器可以