首页 > Web开发 > 详细

style标签进行实时编辑及修改css(转)

时间:2015-10-13 22:24:09      阅读:313      评论:0      收藏:0      [点我收藏+]

心得:

style也是一个标签,那么也可以使用css对其进行编辑


html5新属性 contenteditable,可以让标签元素处于可编辑状态,对于style标签也适用

为了不影响head标签里的style标签,如此写

body style {
}

最后代码为:

body style {
            display: block;
            padding: 0.6em 0.8em;
            border: 1px dashed #ccc;
            background-color: #f5f5f5;
            color: #000;
            font-family: Monaco, monospace;
            font-size: 12px;
            white-space: pre-wrap;
            word-wrap: break-word;
        }
<style contenteditable>.test_images{padding: 3px; border: 1px solid #ccc; background-color: #fff;}</style>

感谢张鑫旭大大,转自http://www.zhangxinxu.com/wordpress/?p=1488

style标签进行实时编辑及修改css(转)

原文:http://www.cnblogs.com/maczyt/p/4875796.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!