Uniform CSS - добавить значок в правой части окна выбора

Question

Я использую текущую библиотеку uniformjs и загрузочную копию в форме. с библиотекой в ​​выберите коробки получить хороший дизайн:

<div class="control-group"> 
<label class="control-label">Some Label:</label><div class="controls"> 
    <select class="uni_style"> 
     <option>Lorem ipsum dolor sit amet amet, lorem ipsum</option> 
     <option>Lorem ipsum dolor sit amet</option> 
     <option>Lorem ipsum dolor sit amet</option> 
     <option>Lorem ipsum dolor sit amet</option> 
     <option>Lorem ipsum dolor sit amet</option> 
    </select> 
    <img src="../img/bullet_red.png"/> 
</div> 

В настоящее время моя проблема заключается в том, что bullet_red будет представлена ​​в новой строке, но я хочу иметь пулю на той же линии.

После нескольких попыток мне нужна помощь. Я пробовал:

• дисплей-рядный на изображение
• изменяя стиль div.uni-селектор
• изменяя стиль пролета div.uni-селектор

Есть ли кто-нибудь с решение проблемы?

Answer 1

получили решение от другой источник:

Мне нужен этот стиль:

div.reqselect {display:inline-block; vertical-align:middle; margin-bottom: 0;} 

, а затем мне нужно добавить класс плюс исходный класс равномерной инициализации

$(".uni_style").uniform({ 
selectClass: 'uni-selector reqselect',}); 

Answer 2

Вы можете обернуть выбрать и элемент IMG в DIV и плывут оба элемента в левой как в этом примере:

<div class="control-group"> 
<label class="control-label">Some Label:</label><div class="controls"> 
    <div> 
     <select style='float:left;' class="uni_style"> 
      <option>Lorem ipsum dolor sit amet amet, lorem ipsum</option> 
      <option>Lorem ipsum dolor sit amet</option> 
      <option>Lorem ipsum dolor sit amet</option> 
      <option>Lorem ipsum dolor sit amet</option> 
      <option>Lorem ipsum dolor sit amet</option> 
     </select> 
     <img style='float:left;'src="../img/bullet_red.png"/> 
    </div> 
</div> 

http://jsfiddle.net/mpHug/2/