style 也是标签(在非ie内核的浏览器中支持),我们将style设置成 contenteditable的时候,那么那的内容就可以编辑了。仔细的体验下,如果我们将背景修改成红色的。那么只要书写完,立马呈现。哇靠,这很方便我们以后写那种动态的编辑器效果呢,等有时间的话,我再试试。
效果演示
提示:你可以随意改变.test_div里的CSS代码,比如把green改成blue,#666什么的。
附上我研究的代码:
body style {
display: block;
background: #333;
color: white;
font: 13px/1.8 Monaco, Mono-Space;
padding: 20px;
white-space: pre;
margin:0 auto;
width:500px;
height:100px;
}
想了解更多,可以去这里看看。
本文使用的并非body,而是div,相关代码如下:
.test_div style {
display: block;
background: #333;
color: white;
font: 14px/1.8 Courier New;
padding: 20px;
white-space: pre;
margin:0 auto;
width:250px;
height:100px;
}
Have fun.