如何调整Chakra Select组件的选项宽度？

我需要调整Chakra Select组件的选项宽度，在元素中发现了SLOT标记，但尝试多种方法均未成功：

• 首先尝试使用基础CSS属性：

  {
      background: red;
      width: 50px;
      max-width: 50px;
  }
  

  可以看到，只有color属性生效，宽度相关样式并未起作用。
  

• 我还尝试使用:slotted选择器，同样未达到预期效果：

  select.\:\:slotted\(option\) {
      max-width: 50px !important;
      width: 50px !important;
      background: green;
      display:flex;
      margin:10px;
      padding:10px;
      text-overflow:ellipsis;
      color:yellow;
  }
  
  option:slotted(option){
   max-width: 50px !important;
      background: red;
  }
  

  问题依旧存在，选项宽度仍然超出了设定范围。
  

内容的提问来源于stack exchange，提问作者Shatish Desai