2016-10-19 28 views
-1

关于如何检查为什么我得到这个黑盒子而不是标准引导程序下拉的任何建议?我知道,听起来可能像愚蠢的问题,但承担这个我...有关如何调查bootstrap设计页面中css问题的任何建议?

我检查,有没有引用的CSS文件,可能会打破此功能。问题是,我不能右键单击该黑盒并选择“检查”以查看生成的代码,黑盒会在点击它(右侧或左侧)后消失。同样,我不能使用Chrome开发工具来检查该元素,它会消失。

生成的HTML代码:

<form method="post" ng-submit="vm.executeAction('ReAssignWorkOrder')" class="ng-pristine ng-valid"> 
    <div class="form-group"> 
     <label>Service Provider</label> 
     <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="vm.data.ServiceProvider" disabled=""> 
    </div> 
    <div class="form-group"> 
     <label>Re-Assign To</label> 
     <select class="form-control"> 
      <option value="Someone1">Someone1</option> 
      <option value="Someone2">Someone2</option> 
      <option value="Someone3">Someone3</option> 
     </select> 
    </div> 
    <div class="form-group"> 
     <label>Progress Note</label> 
     <textarea class="form-control ng-pristine ng-untouched ng-valid ng-empty" rows="4" ng-model="vm.woReAssign.ProgressNote"></textarea> 
    </div> 
    <button type="submit" class="btn btn-primary pull-left">Re-Assign</button> 
    <button type="submit" class="btn btn-primary pull-right">Re-Assign and Dispatch</button> 
</form> 

enter image description here

同样的事情发生与HTML输入日期字段:

+0

任何示例/活链接? –

+0

这里贴了生成代码片段,没有活动链接,内部项目 – monstro

+1

M无法看到任何黑匣子。尝试用硬刷新它可能是浏览器问题。 –

回答

0

您使用的是Chrome响应视图。有些时候,铬响应观点引起了这个问题的国王。只需退出响应式视图并调整chrome窗口的大小即可。你不会得到这个黑匣子。你的代码没有问题。

1

UPDATE:谁投票决定关闭的问题 - 我不明白其中的道理,难道你不希望其他人知道这是Chrome有错误

enter image description here