Smart select - Don't work!

Questions
1

Hi,
I’ve got a problem with Smart select. I tried the example on Framework 7 v4.5.0 Docs, provided by link: https://framework7.io/docs/smart-select.html.

As you can see in the attached photo, all the option tag display a line, and I cannot see the value.
What can I do? I need some help, Thank You.

Smart%20Select
Smart Select.png720×1280 16 KB

2

Please post the code you have written. It will be easier to get help that way

3

The HTML code is the following:

<div class="list">
    <ul>
        <li>
          <a class="item-link smart-select smart-select-init">
            <select name="fruits">
              <option value="apple" selected>Apple</option>
              <option value="pineapple">Pineapple</option>
              <option value="pear">Pear</option>
              <option value="orange">Orange</option>
              <option value="melon">Melon</option>
              <option value="peach">Peach</option>
              <option value="banana">Banana</option>
            </select>
            <div class="item-content">
              <div class="item-inner">
                <div class="item-title">Fruit</div>
              </div>
            </div>
          </a>
        </li>
    </ul>
</div>