如何在绿色div中启用文本选择？

Question

在http://jsfiddle.net/jLatbqj0/81/

查看问题

点击＆＃34;添加Div＆＃34;按钮新div插入。 但我不能在其中选择文字。 我添加＆＃34;用户选择：文字＆＃34;在CSS中，但它没有帮助。 我的CSS：

.child {
  user-select: text; 
  position: absolute;
  right: 0;
  top: 0;
  background-color: green;
  width: 100px;
  height: 100px;  
}

如何启用文字选择？

Answer 1

我可以在更改z-index（在画布上方显示div）和user-select到all时选择它：

.child {
  user-select: all !important;  
  position: absolute;
  right: 0;
  top: 0;
  background-color: green;
  width: 100px;
  height: 100px;  
}

Answer 2

我的解决方案在这里会有所不同

而不是user-select，我建议您在.child之前插入.vis-network div并使.child div z-index: 2

这样你就不需要乱用css user-select

了

请参阅http://jsfiddle.net/jLatbqj0/95/