Question

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

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

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

Answer 1

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

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

Answer 2

啊！找到了。
在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）;
}

jQuery Mobile Beta 2 - 选项标签选择问题（可视化）

2 个答案: