jquery - "N-in-one"或 "pill"按钮效果如何生效?

标签 jquery html css jquery-ui jquery-ui-button

我想使用我认为可以在这里看到的所谓的“药丸”按钮: http://jqueryui.com/themeroller/ (“选择 1 | 选择 2 | 选择 3”小部件)

这是一个屏幕截图:

enter image description here

实现该外观需要什么 html 和/或 css 和/或 jquery?我希望能够突出显示 0..所有按钮(基于当时/当前状态下适用的按钮)。

最佳答案

阅读有关“按钮组”的信息here .简而言之,您创建了一个包含多个单选按钮的容器,并将 buttonset 应用于该容器,您将获得一个样式为 jQuery UI 按钮的单选控件。

关于jquery - "N-in-one"或 "pill"按钮效果如何生效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17392881/

相关文章:

javascript - Div 不知道屏幕大小调整

javascript - 折叠/展开表列(不是行)

java - 通过 JQuery 调用外部域上的 RESTful 服务

HTML/CSS : Display image in semicircle in top of modal box

javascript - IE9 中的 AJAX 问题?

javascript - 图像拉伸(stretch)屏幕而不是适合 div

jquery - 简单的侧边栏引导二级菜单

javascript - jQuery 将输入更改为具有属性和属性值的文本区域

html - 宽度为 % 的表格单元格

javascript - 使用javascript在表单中隐藏和显示div