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

相关文章推荐

粗眉毛的斑马 · bootstrap中如何控制input的宽度 ...· 4 月前 ·

谈吐大方的啤酒 · 使用react-redux实现数据共享_re ...· 2 年前 ·

勤奋的柿子 · Windows 7 任务栏开发之 ...· 2 年前 ·

力能扛鼎的钢笔 · 【项目实战课】基于Pytorch的MTCNN ...· 2 年前 ·

阳刚的大白菜 · postgresql----字符串函数与操作 ...· 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浏览器可以

推荐文章

粗眉毛的斑马 · bootstrap中如何控制input的宽度 - 雪洗中关村 - 博客园

4 月前

谈吐大方的啤酒 · 使用react-redux实现数据共享_react store 共享-CSDN博客

2 年前

勤奋的柿子 · Windows 7 任务栏开发之缩略图工具栏（Thumbnail Toolbar）-阿里云开发者社区

2 年前

力能扛鼎的钢笔 · 【项目实战课】基于Pytorch的MTCNN与Centerloss人脸识别实战 - 知乎

2 年前

阳刚的大白菜 · postgresql----字符串函数与操作符 - alianblog - 博客园

2 年前