使用bootstrap select中的复选框添加span

Question

我想要实现的目标（或者更确切地说，希望实现目标）在fiddle

中有最好的描述

我想在bootstrap-select元素中放置一个输入。我甚至不确定它是否可能。有什么建议吗？

＆＃13;

＆＃13;

/* ----------------------------------------------------------------------------------------------------------------------- */
table {
    table-layout: fixed;
}

th.zeon-fixed-narrow-column {
	width: 4.5em;
  display:inline-block; 
}

.zeon-selectpicker{
   border:none !important;
   width: 1.5em;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  width:100%;
}

.zeon-fixed-narrow-column .bootstrap-select button{
  background-color:transparent;
}

＆＃13;

<table id='order_drafts_table' class="form table zeon zeon-row-hover ">
  <thead class='zeon-small-headings'>
    <th class='zeon-fixed-narrow-column'>  
      <select class="selectpicker show-tick zeon-selectpicker" multiple title="">
        <option title="">Все</option>
        <option title="">С ненулевым выбранным заказом</option>
        <option title="">С ненулевым рекоммендованным заказом</option>
      </select>
    </th>
    <th>
     ABC
    </th>
  </thead>
</table>

＆＃13;

＆＃13;

＆＃13;