2016-10-04 63 views
1

我使用的引导(3.3.6),我已经注意到,试图通过点击来选择表格列的文字(在Windows反正)时,产生了一些奇怪的行为。奇选择行为网格

就拿如下:

<div class="row form-horizontal"> 
    <div class="col-xs-12 col-sm-6 col-md-12"> 
     <div class="form-group mb0 sm-mb md-mb0"> 
      <label class="col-xs-12 col-sm-6 col-md-12 control-label">EAN</label> 
      <div class="col-xs-12 col-sm-6 col-md-12 form-control-static">8718286480370</div> 
     </div> 
    </div> 
</div> 

这恰恰说明了含有EAN和它的值的标签。当您尝试通过双击选择EAN值时,它也会选择标签EAN。有谁知道这是为什么,最好如何使它只是选择价值?

查看下面的plunker的工作示例。

https://plnkr.co/edit/Fm1WGGEx1wri0VrYrC0K?p=preview

编辑:

注意添加句点或冒号(:)标签就会因为某些原因后做出选择按预期方式工作,但是这不是我想要的()。我也尝试添加无形标点符号,但在某些时候它真的成为在砍砍......

回答

0

要回答我的问题,同时仍然不知道为什么发生这种情况在Chrome中,解决方法很简单:把电网值在他们自己的线上:

<div class="row form-horizontal"> 
    <div class="col-xs-12 col-sm-6 col-md-12"> 
     <div class="form-group mb0 sm-mb md-mb0"> 
      <label class="col-xs-12 col-sm-6 col-md-12 control-label"> 
       EAN 
      </label> 
      <div class="col-xs-12 col-sm-6 col-md-12 form-control-static"> 
       8718286480370 
      </div> 
     </div> 
    </div> 
</div>