Как установить ширину для элемента li выпадающего списка?

Question

Я пытаюсь установить пользовательскую ширину для элемента li в раскрывающемся списке начальной загрузки. Я пробовал различные решения при переполнении стека, но ни один из них не работал в моем случае.

• CSS list item width/height does not work
• can we assign width to li
• How to set the width of a list, in css
• How to force div element to keep its contents inside container и многое другое.

HTML, из выпадающего списка:

<span title="Settings" class="dropdown pull-right label label-primary" style="margin-top: 2px;margin-left: -2px;"> 
    <span class="glyphicon glyphicon-cog dropdown-toggle pointer" data-toggle="dropdown"></span> 
    <ul class="dropdown-menu"> 
     <li class="cancel-proj-job" data-href="#"> 
      <a href="#">Cancel Project Job</a> 
     </li> 
    </ul> 
</span> 

Пользовательские CSS:

.jOrgbody div#grid_col_mid .open>ul.dropdown-menu { 
    font-size: 8px; 
    padding: 0; 
} 

.jOrgbody div#grid_col_mid ul.dropdown-menu li { 
    padding: 0; 
} 

.jOrgbody div#grid_col_mid ul.dropdown-menu li>a { 
    padding: 0; 
    display: inline-block; 
} 

Примечание: Когда я попытался применить фиксированную ширину Ли , Это не сработало.

Answer 1

Самый простой способ сделать это, чтобы сделать это, как я сделал в следующем коде:

<span title="Settings" class="dropdown pull-right label label-primary" style="margin-top: 2px;margin-left: -2px;"> 
<span class="glyphicon glyphicon-cog dropdown-toggle pointer" data-toggle="dropdown"></span> 
<ul class="dropdown-menu"> 
    <li class="cancel-proj-job" data-href="#" style="width:300px;"> 
     <a href="#">Cancel Project Job</a> 
    </li> 
</ul> 

изменение «ширина: 300px» до любой длины вы хотите. Надеюсь, это помогло.

редактировать: я попробовал его в браузере с 100px и 300px NND результат выглядит следующим образом:

with width:100px; with width:300px;

Answer 2

Я нашел ответ отладкой его CSS. В принципе, загрузочный блок имеет min-width:160px для класса dropdown-menu. Я перезаписываю это значение, и элемент li начинает получать пользовательскую ширину.