Html 这是什么类型的按钮？

此图片中使用的按钮类型是什么？

我一直试图通过使用单选按钮（因此只能选择一个）复制此图像中显示的结果，但我一直在努力使单选按钮既成正方形又包含文本。 到目前为止，我的按钮最好是这样：

有什么简单的方法可以达到第一个结果吗

---

（我试图复制的按钮链接：）

添加了相同的样式，除了选择值逻辑

$（文档）.ready（函数（）{
$（“.tickets按钮”）。单击（函数（）{
$（“.tickets按钮”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
});
.tickets包装器{
背景色：#838383；
填充：15px；
颜色：#ffffff；
宽度：66%
}
保险商实验室{
列表样式：无；
浮动：左；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.车票按钮包装{
宽度：80%；
}
}
@媒体屏幕和屏幕（最小宽度：600px）{
.车票按钮包装{
左边距：自动；
右边距：自动；
填充：0；
}
}
.车票按钮包装{
溢出：隐藏；
填充：0.12%；
边缘底部：12px；
}
@媒体屏幕和（最小宽度：768px）#票证。票证按钮{
宽度：19%；
保证金权利：1%；
}
.票券按钮包装器.票券按钮{
浮动：左；
线高：48px；
字号：600；
背景色：#A3A3；
填充：0 10px；
颜色：#ffffff；
}
.tickets按钮[type=“radio”]{
显示：无；
}
#票。票按钮标签{
显示：块；
光标：指针；
字号：1.4em；
}
.tickets-button.active{
背景色：#e00a0f；
颜色：#ffffff；
变换：translateZ（0）；
}
.其他金额.票据文本{
宽度：60%；
浮动：对；
边缘顶部：8px；
字体大小：400；
颜色：#333333；
字号：0.8em；
线高：30px；
填充：0 5px；
高度：30px；
边框：1px实心透明；
}



15


10


5.


另外
var valueMaxTicket='20'；


从何处获得此按钮，请给出示例link@aviboy2006谢谢，我已经在浏览器开发工具中添加了它。它会告诉你你想知道的一切。不要用正方形来表示单选按钮。对该链接上的DOM进行简单检查，会发现实际的单选按钮不可见，并且这些按钮的样式为
元素等等。还有JavaScript用于将可见元素连接到表单元素。