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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!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>

 

posted @   ®Geovin Du Dream Park™  阅读(519)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
历史上的今天：
2010-12-18 Pure CSS folded-corner effect(IE8以上,其他瀏覽器可以)
2010-12-18 Pure CSS speech bubbles(IE7以下無效,其他瀏覽器有效)
2010-12-18 Javascript Context Menu Ex - dhtml popup menu mode
< 2011年12月 >
日 一 二 三 四 五 六
27 28 29 30 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
1 2 3 4 5 6 7
点击右上角即可分享
微信分享提示