没有看到离子列表项边框

时间:2016-07-07 09:06:13

标签: html css angularjs

我使用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的; 但它没有用。

0 个答案:

没有答案