How to customize Toolbar

Questions
1

1.On framew7-react, I wanted to customize the toolbar link with our own icon. I tried to use the icon in link, but it didn’t seem to work.Also check and uncheck how to customize.
2.How to change the color of List hairlinesBetween.

2

(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)

3

  1. https://framework7.io/docs/icons.html#framework7-icons-font

  2. This is the selector (For MD theme - or .ios .list .item-inner:after for ios)

list item

     .md .list .item-inner:after {
        content: '';
        position: absolute;
        /* change background-color - change the color of List hairlinesBetween */
        background-color: red;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

unorder list (:before / :after)

:after

    .md .list ul:after {
        content: '';
        position: absolute;
        /* change background-color */
        background-color: red;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

:before

.md .list ul:before {
    content: '';
    position: absolute;
    background-color: red;
    display: block;
    z-index: 15;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

Summary:

   .md .list .item-inner:after {
        background-color: red; 
    }

  .md .list ul:after {
        background-color: red;
   }
  .md .list ul:before {
        background-color: red;
   }


4

1.Can I use PNG pictures on link or icon ,like img:
login

2.Is it the same on framew7-react?