html5模拟qq输入框,JavaScript模拟QQ签名(HTML5 contenteditable属性)

contenteditable

}.layout-box{padding:10px;width:300px;height:36px;margin:50px auto;background-color:green;font-size:0;

}#signature,

.layout-box:before{display:inline-block;vertical-align:middle;

}.layout-box:before{content:'';width:0;height:100%;overflow:hidden;

}#signature{width:100%;max-height:36px;min-height:18px;line-height:18px;background-color:#FFF;font-size:12px;color:#000;word-break:break-all;

}#signature:focus{outline:none;

}

编辑个性签名