Выберите и нажмите на той же строке на панели

Question

Как я могу переопределить эти улучшения JQM, чтобы я мог просто иметь меню выбора и кнопку рядом друг с другом. Все демки просто поместили простую большую кнопку внизу их примера Panel, но я получил реальный контент, и иногда он может быть довольно длинным. Поэтому мне нужна кнопка "назад", я не хочу, чтобы данные сбрасывались или другие атрибуты данных для считывания....(смерть от атрибутов данных);)

Скрипка ЗДЕСЬ

    <div data-role="panel" id="leftPanel" data-display="reveal" data-position="left" data-position-fixed="true" data-swipe-close="true" data-dismissible="true">
    <div data-role="fieldcontain" data-theme="a">
        <select name="selectNavType" id="selectNavType" data-mini="true">
            <option value="TopicsNavView" selected="selected">Topic</option>
            <option value="IndexNavView">Index</option>
            <option value="ToolsNavView" >Tools</option>
        </select>
        <a href="#" data-rel="close" data-role="button" data-icon="carat-l" data-iconpos="notext" data-shadow="false" data-iconshadow="false" ></a>
    </div>    
</div>

Answer 1

Ты имеешь в виду, что хочешь иконку побольше на выбор?

если это так, вы можете использовать этот CSS

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after #selectNavType  {
 margin-top:-14px;
 width: 28px;
 height: 28px;
 }

Answer 2

Хорошо, спасибо за ответ. Я дважды проверил все атрибуты и нашел data-inline="true"

как для выбора, так и для кнопки

после этого выбор был слишком мал, поэтому я нашел стиль, связанный с ним после улучшения JQM

  .ui-panel-inner > .ui-field-contain > .ui-select.ui-btn-inline {width:10em;}

ОБНОВЛЕННАЯ СКРИПКА ЗДЕСЬ