首頁 > web前端 > html教學 > style标签进行实时编辑及修改css_html/css_WEB-ITnose

style标签进行实时编辑及修改css_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:35:25
原創
1298 人瀏覽過

心得:

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板