更改字体大小和样式
Change of font size and Style
我目前正在使用 c# 处理 aspnet mvc 项目中的任务。
我的目标是改变用户输入的字体颜色和字体样式。
即一旦用户在 TextArea 或 TextBox 中输入内容,我希望程序自动将字体更改为另一种字体。
$('input').on('change',function(){
$('body').css('font-family',$('#font').val());
$('body').css('font-size',$('#size').val()+'px');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="font" type="text" value="input font"/>
<input id="size" type="text" value="inpupt size"/>
<p>
Sample Text
</p>
<input id="font" type="text" value="input text font"/>
<input id="size" type="text" value"input text size"/>
$('input').on('change',function(){
var font = $('#font').val();
var size = $('#size').val();
$('body').css('font-size',size+'px');
$('body').css('font-family',font);
});
我目前正在使用 c# 处理 aspnet mvc 项目中的任务。 我的目标是改变用户输入的字体颜色和字体样式。 即一旦用户在 TextArea 或 TextBox 中输入内容,我希望程序自动将字体更改为另一种字体。
$('input').on('change',function(){
$('body').css('font-family',$('#font').val());
$('body').css('font-size',$('#size').val()+'px');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="font" type="text" value="input font"/>
<input id="size" type="text" value="inpupt size"/>
<p>
Sample Text
</p>
<input id="font" type="text" value="input text font"/>
<input id="size" type="text" value"input text size"/>
$('input').on('change',function(){
var font = $('#font').val();
var size = $('#size').val();
$('body').css('font-size',size+'px');
$('body').css('font-family',font);
});