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

<h1><span class="mytext" contenteditable="true">Editable Text</span></h1>
&#13;
有没有办法使用所有:unset和contenteditable =&#34; true&#34;?
编辑:是的,我必须这样使用它。我无法将contenteditable属性添加到父级。原因是h1的内容(在这种情况下)将动态添加。 span元素将包含我需要的一些其他数据属性。我无法将这些属性添加到父元素中,因为我不知道哪个元素将成为父元素。
答案 0 :(得分:1)
:not()
选择器怎么样?
.mytext:not([contenteditable="true"]) {
all: unset;
}
&#13;
<h1><span class="mytext" contenteditable="true">Editable Text</span></h1>
&#13;
答案 1 :(得分:0)
我今天在使用小书签时遇到了这个问题,该小书签排除了jquery作为可行的解决方案。
我发现问题的根源是all: unset
或all: initial
还会覆盖某些特定于浏览器的属性。在这种情况下,设置
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
至少在Chrome中解决了该问题。