bootstrap 或 css 中的这个输入名称是啥？

Posted 2023-03-06

【中文标题】bootstrap 或 css 中的这个输入名称是啥？

【英文标题】：what is this input name in bootstrap or css?bootstrap 或 css 中的这个输入名称是什么？

【发布时间】：2019-07-23 09:00:28

【问题描述】：

这张图片：

嘿堆栈，我想在我的网站上添加类似这样的按钮。但我不知道它的输入名称是什么。您可以选择三个 div，当您单击它们时，它们的边框会出现一些阴影。 感谢您的帮助

【问题讨论】：

getbootstrap.com/docs/4.3/components/buttons ?

【参考方案1】：

就像已经说过的，你必须看看Boostrap buttons。 但是，如果你想覆盖按钮 boostrap 样式来添加一些阴影，你可以这样做：

<button type="button" class="btn btn-primary">Secondary</button>

.btn-primary:focus
  box-shadow: 0px 0px 15px black;

看这里：CodePen

【讨论】：

还有内置的影子类：getbootstrap.com/docs/4.3/utilities/shadows

我使用了你的想法，它真的很完美。但我有一个问题。当我单击一个按钮然后我想选择另一个按钮时，第一个按钮被禁用。我想互相选择 5 个按钮。谢谢您的时间。

你要toggle你的影子，你可以看看here