jQuery Mobile 按钮
2021-02-12 05:20
标签:ado sys span ble translate color inline 昆明 shadow Mobile 应用程序是建立在您想要显示的简单的点击事物上。 在 jQuery Mobile 中,按钮可通过三种方式创建: 如需通过按钮在页面间进行链接,请使用带有 data-role="button" 属性的 元素: 默认情况下,按钮占满整个屏幕宽度。如果你想要一个仅是与内容一样宽的按钮,或者如果您想要并排显示两个或多个按钮,请添加 data-inline="true": jQuery Mobile 提供了一个简单的方法来将按钮组合在一起。 请把 data-role="controlgroup" 属性和 data-type="horizontal|vertical" 一起使用来规定是否水平或垂直组合按钮: 如需创建后退按钮,请使用 data-rel="back" 属性(这会忽略锚的 href 值): 更完整的CSS类,请查看我们的 jQuery Mobile CSS 类参考手册。 下一章演示如何在按钮上加上图标。 jQuery Mobile 按钮 标签:ado sys span ble translate color inline 昆明 shadow 原文地址:https://www.cnblogs.com/yuya670/p/13032725.html
在 jQuery Mobile 中创建按钮
尝试一下 »
尝试一下 »
尝试一下 »
在 jQuery Mobile 中,按钮会自动样式化,让它们在移动设备上更具吸引力和可用性。我们推荐您使用带有 data-role="button" 的 元素在页面间进行链接,使用 或
导航按钮
实例
尝试一下 »
内联按钮
组合按钮
实例
按钮 1
按钮 2
按钮 3
尝试一下 »
默认情况下,组合按钮是垂直组合,它们之间没有外边距和空间。并且只有第一个和最后一个按钮是圆角,以便它们组合在一起的时候创建一个漂亮的外观。
后退按钮
更多链接按钮实例
类
描述
实例
ui-btn-b
修改按钮颜色为黑色,字体为白色(默认为灰色背景,黑色字体)。
尝试一下
ui-corner-all
为按钮添加圆角
尝试一下
ui-mini
制作小按钮
尝试一下
ui-shadow
为按钮添加阴影
尝试一下
如果你需要使用更多的样式,每个样式类使用空格隔开,如: class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow"
默认情况下 按钮有圆角及阴影效果。 和
以上就是 jQuery Mobile 按钮 的详细内容,更多请关注runoob其它相关文章!
重庆代孕【徽信13022337922】、成都代孕【徽信13022337922】、长沙代孕【徽信13022337922】、
武汉代孕【徽信13022337922】、贵阳代孕【徽信13022337922】、昆明代孕【徽信13022337922】、
重庆代孕【徽信13022337922】、重庆代孕【徽信13022337922】、重庆代孕【徽信13022337922】、
重庆代孕【徽信13022337922】、