title: How to change position in Bootstrap dropdown down arrow?
body: <p>I try to change position in my dropdown down arrow. But can't find any css or anyplace to change this. I trying using <code>background-position-x: ;</code> and it's not working. Hope your help for this. Can I let me know how can I catch this arrow using from separate css class?. Appciate your support!</p>
  <p>This sample of <a href="https://i.stack.imgur.com/CiwWP.png" rel="nofollow noreferrer">screen IMG</a></p>
  <p>This is HTML code</p>
  <pre><code>&lt;select class=&quot;sb-default-selectbox selectpicker btn-outline-default&quot; 
          data-native-menu=&quot;false&quot; 
          data-form=&quot;ui-btn-up-a&quot;
          tabindex=&quot;-1&quot; 
          style=&quot;color: #fff; 
                 border-radius: 30px;
                 width: 100%; 
                 border-color: #fff0; 
                 background-color: rgba(255, 255, 255, 0.3); 
                 border: none; 
                 height: 45px;&quot;&gt;
      &lt;option value=&quot;NIC&quot;&gt;NIC&lt;/option&gt;
      &lt;option value=&quot;PID&quot;&gt;passport&lt;/option&gt;
      &lt;option value=&quot;DLID&quot;&gt;DLID&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>