vue.js - 设置 buefy元素到全宽

Question

如何更改项目以填充 100% 宽度？

找不到任何选项，我无法将 css 规则应用于 .dropdown-trigger 元素。

Answer 1

示例笔：https ://codepen.io/Qumez/pen/RwPWeRV

该b-dropdown组件似乎是div.dropdown -> div[role="button"] -> button 因此，通过将 div 及其子 div 和孙子按钮的宽度全部设为 100%，我能够使组件扩展到全宽。

<div class="dropdown-box">
  <b-dropdown aria-role="list">
    <button class="button is-primary" slot="trigger">
      <span>Click me!</span>
      <b-icon icon="menu-down"></b-icon>
    </button>

     <!-- b-dropdown-items -->
  </b-dropdown>
</div>

.dropdown-box {
    border: 2px solid red;
    div, button {
        width: 100%;
    }
}