如何更改项目以填充100%的宽度?
找不到为此的任何选项,并且我无法将CSS规则应用于.dropdown-trigger元素。
笔示例: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%;
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句