リアルタイム編集および変更用の style タグ css_html/css_WEB-ITnose

経験:

style もタグなので、CSS を使用して編集することもできます

html5 の新しい属性 contenteditable は、タグ要素を編集可能にし、スタイル タグにも適用できます

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>

Zhang Xinxu に感謝します。 http://www.zhangxinxu.com から転載/wordpress/?p=1488