欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

contenteditable元素的placeholder輸入提示語設(shè)置方法

  發(fā)布時間:2017-10-10 10:42:00   作者:佚名   我要評論
這篇文章主要介紹了contenteditable元素的placeholder輸入提示語設(shè)置方法,需要的朋友可以參考下

在某些情況下,textarea是不夠用的,我們還需要顯示一些圖標(biāo)或者高亮元素,這就需要用富文本編輯器,而富文本編輯器本質(zhì)上是HTML元素設(shè)置了contenteditable。

然后可能需要像input、textarea有placeholder的輸入提示語,但contenteditable的元素,placeholder是沒用的,需要另外辦法。

例子:

HTML:

<div class="con" contenteditable="true"></div>

CSS:

.con{
    width: 400px;
    height: 400px;
    border: 1px solid #4ec844;
    outline: none;
}
.con:empty:before{ 
    content: '說點(diǎn)啥好呢?'; 
    color: gray; 
} 
.con:focus:before{
    content:none;
}

:empty瀏覽器兼容性

PS::focus兼容性也是差不多的

總結(jié)

以上所述是小編給大家介紹的contenteditable元素的placeholder輸入提示語設(shè)置方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論