User select font-face/color/size/backgroundColor设置字体，颜色，大小，背景色兼容主流浏览器-阿里云开发者社区

User select font-face/color/size/backgroundColor设置字体，颜色，大小，背景色兼容主流浏览器

2011-12-18 1006

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>User select font-face/color/size/backgroundColor设置 字体，颜色，大小，背景色兼容主流浏览器 </title>
<meta name="author" content="Geovin Du 涂聚文"/>
<meta name="Keywords" content="塗聚文  締友計算機信息技術有限公司 "/>
<meta name="Description" content="塗聚文  締友計算機信息技術有限公司 "/>
</head>

<body>
<form>
Font:<select onchange="document.body.style.fontFamily=this[this.selectedIndex].value">
  <option value="">Default</option>
  <option value="Arial">Arial</option>
  <option value="Times New Roman">Times New Roman</option>
  <option value="Courier New">Courier New</option>
  <option value="黑体">黑体</option>
  <option value="宋体">宋体</option>
  <option value="隶书">隶书</option>
  <option value="幼圆">幼圆</option>
  <option value="楷体">楷体</option>
  <option value="微软雅黑">微软雅黑</option>

</select><br/>
Color:<select onchange="document.body.style.color=this[this.selectedIndex].value">
  <option value="">Default</option>
  <option value="Red">Red</option>
  <option value="Green">Green</option>
  <option value="Blue">Blue</option>
  <option value="Purple">Purple</option>
</select><br/>
BgColor:<select onchange="document.body.style.backgroundColor=this[this.selectedIndex].value">
  <option value="">Default</option>
  <option value="Red">Red</option>
  <option value="Green">Green</option>
  <option value="Blue">Blue</option>
  <option value="Purple">Purple</option>
</select><br/>

Size:<select onchange="document.body.style.fontSize=this[this.selectedIndex].value">
  <option value="">Default</option>
  <option value="8pt">8pt</option>
  <option value="10pt">10pt</option>
  <option value="12pt">12pt</option>
  <option value="14pt">14pt</option>
  <option value="16pt">16pt</option>
  <option value="18pt">18pt</option>
</select>

</form>
<p>Sample text 塗聚文  締友計算機信息技術有限公司 捷為工作室 涂斯博 涂聚文 赵金红 涂家村 缔友计算机信息技术有限公司 捷为工作室</p>
<div> 不作为的官，都在步步高升，问责成虚设，成卖弄言语的修辞手法,法律只成了制約無勢無錢的窮人！</div>
<p>江西省吉安市永丰县市政花园（市政服务大楼[厅]）工程质量及违法违规建筑容积率问题，从县长，市长，省长信箱，省长手机，省委办公厅，工程质量安全监督局，省信访局，住建部稽查办室，住建部仇部长等形同虚设？</p>

</body>

</html>

User select font-face/color/size/backgroundColor设置字体，颜色，大小，背景色兼容主流浏览器

热门文章

最新文章

相关电子书

User select font-face/color/size/backgroundColor设置 字体，颜色，大小，背景色兼容主流浏览器

热门文章

最新文章

相关电子书

User select font-face/color/size/backgroundColor设置字体，颜色，大小，背景色兼容主流浏览器