all:unset删除contenteditable

时间:2016-04-28 10:57:34

标签: html css

我的项目中有一个span类,它应该只有它的父母的属性。所以我设置了所有:未设置。但是这个元素也应该是可编辑的。它看起来像all:unset也删除了编辑元素内容的能力。

CSS:



.mytext{
  all:unset;
}

<h1><span class="mytext" contenteditable="true">Editable Text</span></h1>
&#13;
&#13;
&#13;

有没有办法使用所有:unset和contenteditable =&#34; true&#34;?

编辑:是的,我必须这样使用它。我无法将contenteditable属性添加到父级。原因是h1的内容(在这种情况下)将动态添加。 span元素将包含我需要的一些其他数据属性。我无法将这些属性添加到父元素中,因为我不知道哪个元素将成为父元素。

2 个答案:

答案 0 :(得分:1)

:not()选择器怎么样?

&#13;
&#13;
.mytext:not([contenteditable="true"]) {
  all: unset;
}
&#13;
<h1><span class="mytext" contenteditable="true">Editable Text</span></h1>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我今天在使用小书签时遇到了这个问题,该小书签排除了jquery作为可行的解决方案。

我发现问题的根源是all: unsetall: initial还会覆盖某些特定于浏览器的属性。在这种情况下,设置

-moz-user-modify: read-write;
-webkit-user-modify: read-write;

至少在Chrome中解决了该问题。