jQuery Mobile Beta 2 - 选项标签选择问题(可视化)

时间:2011-08-04 23:12:55

标签: jquery css3 jquery-mobile

用于在选择时更改颜色的选项标记(让用户知道其选择的好方法)。 默认情况下,背景将变为蓝色,带有白色文本,左侧的渐变子弹与背景蓝色相匹配,仅略微更暗。 (尼斯> _<)

现在使用beta 2,虽然左边的项目符号变为蓝色,但背景颜色不会激活。 结果有点奇怪,对用户来说不再明显。

在此期间有人能想到修复吗? 到目前为止,我已经查看了一些没有太多运气的CSS ...

2 个答案:

答案 0 :(得分:0)

假设您正在谈论checkboxes,则需要将其添加到样式表中。

label.ui-checkbox-on
{
  border: 1px solid #155678;
  color: White;
  background: #4596CE;
  text-shadow: 0 -1px 1px #145072;
  text-decoration: none;
  outline: 0;
}

答案 1 :(得分:0)

啊!找到了。
在beta2中更新了CSS,导致单选按钮在选择时看起来未被选中。 根据jQuery移动博客,它不那么强大,但我认为它降低了可用性! 在我的beta2 CSS文件中添加了以下CSS,它优雅地回滚... - 也请注明复选框的更新.--

.ui-radio-on,label.ui-checkbox-on {
border:1px solid#155678;
颜色:#FFFFFF;
背景:#4596ce;
text-shadow:0 -1px 1px#145072;
background-image:-webkit-gradient(线性,左上,左下,颜色停止(0,#85bae4),颜色停止(1,#5393c5));
背景图像:-moz线性梯度(顶,#85bae4,#5393c5);
背景图像:-MS-线性梯度(顶,#85bae4,#5393c5);
背景图像:-o-线性梯度(顶,#85bae4,#5393c5);
背景图像:线性梯度(顶,#85bae4,#5393c5);
}