ionic2 リストの背景を透過させる

2016年12月16日

  1. TOP
  2. BLOG
  3. ionic2
  4. ionic2 リストの背景を透過させる

ionic2のデフォルトのコンポーネントであるリスト(ion-list)を透過したい場合の方法です、ion-listの中はbuttonタグで構成されているのが前提です

ion-content {

    ion-list {
    background-color: none;

      button {

        &.item-ios, &.item-md {
        padding-left: 0;
        background-color: rgba(170, 170, 170, 0.5);
        color: #fafef4;
        }
      }

      &.list-md .item-block .item-inner, &.list-ios .item-block .item-inner {
      padding: 10px 0 10px 16px;;
      border-bottom: solid 1px rgba(250, 254, 244, 0.5);
      }
    }
  }