防止可拖动聚合物元素的含量可选择

Question

我的聚合物元素定义如下

<polymer-element name="draggable-list-item" >
  <template>

    <core-style ref="draggable-list-item"></core-style>

    <div id="row-container" draggable="true">
      <content></content>
    </div>

  </template>
  <script type="application/dart" src="draggable_list_item.dart"></script>
</polymer-element>

我知道对于普通元素（非聚合物/网络组件），我需要添加类似

的样式

  [draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }

一切都很棒

我无法使用聚合物。如果我在子聚合物元素的内容之外选择它，我可以拖动该项目。但不是它。我尝试过各种

的变体

  [draggable]  /deep/ * {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }

但似乎没有任何效果