Css 如何调整项目选项按钮的大小

---

我正在尝试使用Sass变量或css调整离子项目选项滑动按钮的按钮大小。

我只是像这样更改我的scss文件中的button宽度

ion-item-options > button{
    width: 59px;

}

---

对于离子5，必须通过阴影进行：

ion-item-option::part(native) {
  min-width: 100px;
}

---

我通过以下方式实现了这一目标：

    <ion-item-options class="itemOptions"> <!--add a class to the options -->
        <ion-item-option color="danger" class="itemOption"> <!--add class to each individual option -->
            <ion-icon name="trash" color="dark"></ion-icon>
        </ion-item-option>
        <ion-item-option color="secondary" class="itemOption"> <!--add class to each individual option -->
            <ion-icon name="pencil"></ion-icon>
        </ion-item-option>
    </ion-item-options>

---

我希望这能解决你的问题

到目前为止你试过什么？我检查了ion item options元素，更改了所有子元素的大小和填充，但没有更改

.itemOptions {
    width: 200px; // cacluate the total with of items (itemOption = 100px, so 100 x 2)
}

.itemOption {
    width: 100px; // width of a single item option
}