我使用Ionic Creator创建了一个表单。 https://creator.ionic.io/share/fdd3f4198103 我无法看到选择的边框,如下图所示。
源代码是:
<script src="http://code.ionicframework.com/1.3.1/js/ionic-angular.js"></script>
<script src="http://code.ionicframework.com/1.3.1/js/ionic.js"></script>
<link href="http://code.ionicframework.com/1.3.1/css/ionic.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script>
<ion-view title="Credentials" id="page9" class=" ">
<ion-content padding="true" class="has-header">
<form id="credentials-form11" class="list ">
<label class="item item-select " id="credentials-select5">
<span class="input-label">Select Router</span>
<select>
<option>HData</option>
<option>Ajay</option>
<option>Test</option>
</select>
</label>
<ion-checkbox>Create Hotspot</ion-checkbox>
<label class="item item-input item-stacked-label " id="credentials-input13">
<span class="input-label">Password</span>
<input type="password" placeholder="sample">
</label>
<ion-checkbox>Show Password</ion-checkbox>
</form>
<div class="list card " id="credentials-card21">
<ion-item class="item-icon-left dark " id="credentials-list-item7">
<i class="icon ion-stats-bars"></i>Progress</ion-item>
<div style="margin: 0px; line-height: 250px; text-align: center; background-color: rgb(232, 235, 239);">
<i class="icon ion-image" style="font-size: 64px; color: rgb(136, 136, 136); vertical-align: middle;"></i>
</div>
<div class="item item-body " id="credentials-list-item-container1">
<p id="credentials-null" style="margin-top:0px;color:#000000;" class=" ">Some friendly
<strong>markdown</strong>
</p>
</div>
</div>
<div id="credentials-button-bar4" class=" button-bar ">
<button id="credentials-button7" class=" button button-positive button-block ">Clear</button>
<button id="credentials-button8" class=" button button-positive button-block ">Continue</button>
</div>
</ion-content>
</ion-view>
如果有人能帮助解决边界问题会非常有帮助。 我还为边界.itemborder应用了类{ border:1px solid#4a87ee; border-radius:3px; 保证金:10px的; 但它没有用。