div变成输入框

最新推荐文章于 2023-07-24 19:16:31 发布

weixin_30858241

最新推荐文章于 2023-07-24 19:16:31 发布

阅读量1k

点赞数

原文链接：http://www.cnblogs.com/yangqing22/p/7160342.html

版权

 <style>
        #test{
            width: 150px;;
            min-height:20px;
            max-height:70px;
            outline: 0;
            border: 1px solid #000;
            font-size: 13px;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-user-modify: read-write-plaintext-only;
        }
        [contentEditable=true]:empty:not(:focus):before{
            content:attr(data-text);
        }
    </style>
</head>
<body>
<div id="test" contenteditable="true" data-text="输入留言"></div>

</body>