Javascript 选择数字海洋中的按钮

有人知道一个js/css库，或者一个关键字如何调用它？我正在搜索按钮选择元素，如数字海洋，请参见图片：-） 在那里我可以点击，他们被选中等等，我认为这是非常好的

---

首先，它不是一个按钮。它可以是一个简单的div或list元素。下面是一个示例代码

您可以将内容添加到每个

li

元素中，以模拟所需的列表。您也可以出于同样的目的使用

div

或“span”

$（“.button container li”）。单击（函数（）{
控制台日志（“列表”）；
$（this）.addClass（“选定”）.sides（）.removeClass（“选定”）；
});
。按钮容器li{
列表样式类型：无；
显示：内联块；
宽度：150px；
边框：2倍实心#F1F1；
边界半径：5px；
最小高度：100px；
边际：0px；
框大小：边框框；
字体大小：1.3em；
文本对齐：居中；
垂直对齐：顶部；
位置：相对位置；
利润率：10px；
}
李先生当选
{
背景#4183D7；
颜色：白色；
边框：2px实心#4183D7；
}
跨度
{
显示：块；
颜色：#444；
高度：30px；
宽度：100%；
背景：白色；
字体大小：10px；
位置：绝对位置；
底部：0px；
}


一些内容
其他一些内容

一些内容
其他一些内容

一些内容
其他一些内容

一些内容
其他一些内容

一些内容
其他一些内容

有很多按钮样式库。我不确定Digital Ocean是否正在使用它，或者他们是否只是自己定制编码。使用Google开发者工具面板查看这些元素的HTML和CSS样式。这样做非常容易，除非你是CSS和HTML新手。如果你是，我认为你应该花时间自己编写代码，通过检查器分析他们的代码。从长远来看，如果您不了解底层的情况，那么依赖库将使您成为一个较弱的开发人员。