您可以更改数据列表选项的样式吗？

Question

我遵循此链接上的解决 方案，使数据列表中的输入字段过滤器选项使用包含而不是开头。该解决方案有效，但是我的显示器有问题。这些选项在选项列表上同时显示“值”和“ innerText”，如下所示：

我想做的是使第一行变小而第二行变大，但是我不确定这是否可行以及应该为该元素设置什么样式。

这是我拥有的html代码：

            <div class="inputFieldBorder item item-input">
                <div class="row">
                <input type="text"
                       name="prodList"
                       id= "prodList"
                       maxlength = "50"
                       placeholder = "Things to Buy"
                       ng-model="listData.header.newProduct"
                       list="productlist">
                    <datalist id="productlist">
                        <select >&nbsp;
                            <option ng-repeat="productname in allproducts" value="{{productname.productName}}">{{productname.productName}}</option>
                        </select>
                    </datalist>
                    <button ng-disabled="!listData.header.newProduct"
                      class="button button-icon ion-android-close input-button"
                      ng-click="clearSelection()"></button>
                    </div>
            </div>