Question

我想从离子项中的href链接中删除下划线：

 <ion-list>
  <ion-item  href="#/missionDetail/{{item.id}}" ng-class="{'star':item.star}" class="select item-icon-right" ng-repeat="item in payloadFicheStatut | filter:query">
    <h2>{{item.codeDeFicheDeMission}}</h2>
    <button class="button button-clear icon ion-star button-assertive"
            ng-click="toggleStar(item)" ng-show="item.star">
    </button>
    <ion-option-button class="button-dark"
                       ng-click="toggleStar(item)">
      <i class="icon ion-star"></i>
    </ion-option-button>
  </ion-item>
</ion-list>

Answer 1

的style.css

.underline {
  border-width: 0px;}

HTML

        <div class="list">
            <label class="item underline">
                <span class="input-label"><strong>ID</strong></span>
                <input type="text" placeholder=""/>
            </label>
            <label class="item underline">
                <span class="input-label"><strong>Password</strong></span>
                <input type="password" placeholder=""/>
            </label>
        </div>

想帮助你。

Answer 2

使用css。 ion-item { text-decoration: none }

Answer 3

如果href/nghref/sref存在，

ion-item将锚标记注入内部html，否则添加div元素...你是否在离子css文件之后添加了你的css文件？如果是这种情况，请尝试为!important添加.item-content ... item-content类由ion-item中的div或anchor元素添加离子框架... ionic documentation 检查离子文档以了解有关离子项的更多信息

    .item-content {
         text-decoration: none !important;
     }

从href链接中删除下划线

3 个答案: