2016-10-19 34 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