下面是一段代碼示例:
在Chrome和Safari中,它的效果與預(yù)期相當(dāng):
由于某些原因,在Firefox中,contenteditable
tds沒有獲得占位符:
如何解決此問題?
編輯:似乎這個(gè)問題與:empty
比[contenteditable]
更相關(guān),因?yàn)檫@段代碼有點(diǎn)管用:
[contenteditable]:not(:focus)::before {
content: attr(data-placeholder);
color: gray;
font-size: .9rem;
}
但是,占位符始終顯示,因此不再是實(shí)際的“占位符”。
Firefox與
td:empty
不兼容,不是因?yàn)閏ss引擎有問題,而是因?yàn)镕irefox處理contenteditable
的方式是向區(qū)域中添加br
標(biāo)記。另一種方法是將html更改為在內(nèi)容存在時(shí)使用
inputs
。