Contenteditable在Opera中無法使用

您知道嗎，爲什麼contenteditable=true在Opera中不起作用？Contenteditable在Opera中無法使用

<!DOCTYPE html> 
<html> 
    <body> 
    <table> 
     <tr> 
     <td contenteditable="true">This is a paragraph. It is editable.</td> 
     </tr> 
    </table> 
    </body> 
</html>

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_contenteditable

歌劇版：12.16，打造1860 平臺：Mac OS 10.9.1

來源

2014-01-13 sinacek

http://caniuse.com/#feat=contenteditable：」 ...在Internet Explorer中，contenteditable不能應用於TABLE，COL，COLGROUP，TBODY，TD，TFOOT，TH等。 '，'THEAD'和'TR'元素直接...「 – Passerby

的支持是目前相當片狀。瀏覽器還沒有完全趕上。

在完全支持它之前，最簡單的解決方案是在單元格內放置一個DIV或SPAN，並使其成爲可編輯的。請參閱the related MSDN article上的「備註」部分。

您還應該添加min-height樣式規則。如果您將其忽略掉，那麼如果單元格中沒有內容，則會縮小爲0px，並且用戶將很難點擊它來抓取焦點。 Tab停止應該可以正常工作。

這裏的東西我用於調試：然後

TD > DIV[contenteditable="true"] { 
    border: 1px dashed blue; 
    min-height: 1em; 
}

你的DOM結構是這樣的：

<!DOCTYPE html> 
<html> 
    <body> 
    <table> 
     <tr> 
     <td> 
      <div contenteditable="true">This is a paragraph. It is editable.</div> 
     </td> 
     </tr> 
    </table> 
    </body> 
</html>

來源

2014-03-17 10:07:05 exhuma

Contenteditable在Opera中無法使用

回答

相關問題