border 相关问题

如何获取每个按钮之间带有边框线分隔符的 Bootstrap 按钮组？如何获取每个按钮之间带有边框线分隔符的 Bootstrap 按钮组？ <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> <button type="button" class="btn btn-secondary">1</button> <button type="button" class="btn btn-secondary">2</button> </div> https://getbootstrap.com/docs/4.6/components/button-group @padaleiana 解决方案运行良好！我使用了 btn-light 禁用按钮作为分隔符。解决方法：创建一个带有 mr-0、ml-0、pl-0 和 pr-0 类的按钮（左右边距和填充 = 0），并带有 disabled 属性（否则“分隔符”将不会出现！） <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> <button type="button" class="btn btn-secondary">1</button> <button type="button" class="btn btn-secondary mr-0 ml-0 pr-0 pl-0" disabled></button> <button type="button" class="btn btn-secondary">2</button> <button type="button" class="btn btn-secondary mr-0 ml-0 pr-0 pl-0" disabled></button> <button type="button" class="btn btn-secondary">3</button> </div> padaleiana 的答案的替代方案如下，它不使用 HTML 按钮标签。因此，当 jQuery（或其他 Javascript）迭代按钮时，它可以避免出现问题： <div class="alert alert-dark m-0 px-0"></div> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> <button type="button" class="btn btn-secondary">1</button> <div class="alert alert-dark m-0 px-0"></div> <button type="button" class="btn btn-secondary">2</button> <div class="alert alert-dark m-0 px-0"></div> <button type="button" class="btn btn-secondary">3</button> </div> 可以只添加类“btn-outline-secondary”或任何一个适合您需要的每个按钮......例如：- <div class="btn-group btn-group-sm"> <button class="btn btn-light btn-outline-secondary btn-sm">Btn One</button> <button class="btn btn-light btn-outline-secondary btn-sm">Btn Two</button> <button class="btn btn-light btn-outline-secondary btn-sm">Btn Three</button> </div>

css twitter-bootstrap button bootstrap-4 border

回答 3 投票 0

当鼠标悬停在表格单元格上时，我想向单元格添加边框以突出显示它。但是当我这样做时，所有其他单元格的宽度和高度都会受到影响

我有一个简单的介绍页面的以下 html 代码。在鼠标悬停（悬停）事件上，我将添加边框以突出显示单元格。但是当我使用现有的代码和 css 执行此操作时，所有单元格高度和 wi...

html css html-table hover border

回答 1 投票 0

如何在颤振中为容器底部提供虚线边框

我想在颤振中为容器的一侧提供虚线边框，我正在使用虚线边框包，但它在容器的所有侧面都提供边框我正在尝试给...

flutter border

回答 1 投票 0

所选图像的边框（单选按钮）

亲爱的大家，我有 5 个被动表情，在它们下面有 5 个可点击的图像，它们取代了单选按钮。当您查看它时，透明度（不透明度）会更改为 50%。效果很好。我想要的是一个