title: how to make the -moz-appearance: spinner-downbutton be at right most side
body: <p>is there a way to make this at the right side, or maybe suggest me how to make input txt to be like a select button.</p>
  
  <p>
      
          
              
              Demo Expandable list
              
              
              
              
              
              </p>
  
  <pre><code>/* this is use for the apearance of the input txt to have downbbutton*/
          &lt;style&gt;
              #dropdown{
                  -moz-appearance: spinner-downbutton;
                  -webkit-appearance: spinner-downbutton;
              }
          &lt;/style&gt;
  
          &lt;script&gt;
  
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="listContainer"&gt;
              &lt;div&gt;
                  &lt;input type="text" id="dropdown" &gt;
              &lt;/div&gt;
              &lt;div id="orgContainer"&gt;
                  &lt;ul id="expList"&gt;
                      &lt;li&gt;
                          Item A
                          &lt;ul&gt;
                              &lt;li&gt;
                                  Item A.1
                                  &lt;ul&gt;
                                      &lt;li&gt;
                                          &lt;span&gt;Kalbo na panot.&lt;/span&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li&gt;
                                  Item A.2
                              &lt;/li&gt;
                              &lt;li&gt;
                                  Item A.3
                                  &lt;ul&gt;
                                      &lt;li&gt;
                                          &lt;span&gt;Macho na bading.&lt;/span&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          Item B
                      &lt;/li&gt;
                      &lt;li&gt;
                          Item C
                          &lt;ul&gt;
                              &lt;li&gt;
                                  Item C.1
                              &lt;/li&gt;
                              &lt;li&gt;
                                  Item C.2
                                  &lt;ul&gt;
                                      &lt;li&gt;
                                          &lt;span&gt;Buntis na Sungke.&lt;/span&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>this is my html.</p>
  
  <p>this is my script(script.js)</p>
  
  <pre><code>function prepareList() {
      $('#expList').find('li:has(ul)')
      .click( function(event) {
          if (this == event.target) {
              $(this).toggleClass('expanded');
              $(this).children('ul').toggle('medium');
          }
          return false;
      })
      .addClass('collapsed')
      .children('ul').hide();
  
      //Create the button funtionality
      $('#expandList')
      .unbind('click')
      .click( function() {
          $('.collapsed').addClass('expanded');
          $('.collapsed').children().show('medium');
      })
      $('#collapseList')
      .unbind('click')
      .click( function() {
          $('.collapsed').removeClass('expanded');
          $('.collapsed').children().hide('medium');
      })
  
  };
  
  $(document).ready( function() {
     $("#orgContainer").hide();
  
      $("#dropdown").click(function(){
          $("#orgContainer").toggle();
          $(this).blur();
      });
  
      prepareList()
  });
  </code></pre>
  
  <p>Thank you for your, considering my question. Thank you in advance.</p>