title: Ionic list item border not seen
body: <p>I have created a form using Ionic Creator.
  <a href="https://creator.ionic.io/share/fdd3f4198103" rel="nofollow noreferrer">https://creator.ionic.io/share/fdd3f4198103</a>
  I am unable to see the borders of select as you can see in my image below.</p>
  
  <p>Source code is :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="http://code.ionicframework.com/1.3.1/js/ionic-angular.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.ionicframework.com/1.3.1/js/ionic.js"&gt;&lt;/script&gt;
  &lt;link href="http://code.ionicframework.com/1.3.1/css/ionic.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"&gt;&lt;/script&gt;
  &lt;ion-view title="Credentials" id="page9" class=" "&gt;
      &lt;ion-content padding="true" class="has-header"&gt;
          &lt;form id="credentials-form11" class="list "&gt;
              &lt;label class="item item-select " id="credentials-select5"&gt;
                  &lt;span class="input-label"&gt;Select Router&lt;/span&gt;
                  &lt;select&gt;
                      &lt;option&gt;HData&lt;/option&gt;
                      &lt;option&gt;Ajay&lt;/option&gt;
                      &lt;option&gt;Test&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/label&gt;
              &lt;ion-checkbox&gt;Create Hotspot&lt;/ion-checkbox&gt;
              &lt;label class="item item-input item-stacked-label " id="credentials-input13"&gt;
                  &lt;span class="input-label"&gt;Password&lt;/span&gt;
                  &lt;input type="password" placeholder="sample"&gt;
              &lt;/label&gt;
              &lt;ion-checkbox&gt;Show Password&lt;/ion-checkbox&gt;
          &lt;/form&gt;
          &lt;div class="list card " id="credentials-card21"&gt;
              &lt;ion-item class="item-icon-left dark  " id="credentials-list-item7"&gt;
                  &lt;i class="icon ion-stats-bars"&gt;&lt;/i&gt;Progress&lt;/ion-item&gt;
              &lt;div style="margin: 0px; line-height: 250px; text-align: center; background-color: rgb(232, 235, 239);"&gt;
                  &lt;i class="icon ion-image" style="font-size: 64px; color: rgb(136, 136, 136); vertical-align: middle;"&gt;&lt;/i&gt;
              &lt;/div&gt;
              &lt;div class="item item-body " id="credentials-list-item-container1"&gt;
                  &lt;p id="credentials-null" style="margin-top:0px;color:#000000;" class=" "&gt;Some friendly
                      &lt;strong&gt;markdown&lt;/strong&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="credentials-button-bar4" class=" button-bar "&gt;
              &lt;button id="credentials-button7" class=" button button-positive  button-block "&gt;Clear&lt;/button&gt;
              &lt;button id="credentials-button8" class=" button button-positive  button-block "&gt;Continue&lt;/button&gt;
          &lt;/div&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;</code></pre>
  </div>
  </div>
  
  My output in application is as below.</p>
  
  <p>If anyone could help with the problem of border would be really helpful.
  I also applied class for border .itemborder{
    border: 1px solid #4a87ee;
    border-radius: 3px;
    margin:10px;
  } but its not working.</p>
  
  <p><a href="https://i.stack.imgur.com/zeIuW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zeIuW.png" alt=""></a></p>