jQuery Mobile Beta 2 - 选项标签选择问题（视觉）答案

【问题标题】：jQuery Mobile Beta 2 - option tag selection issue (visual)jQuery Mobile Beta 2 - 选项标签选择问题（视觉）
【发布时间】：2011-08-04 23:12:54
【问题描述】：

选项标签在被选中时用来改变颜色，（让用户知道它被选中的好方法）。默认情况下，背景会变成蓝色，带有白色文本，左侧的渐变项目符号与背景蓝色相匹配，只是稍微暗一点。（不错>_

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

在此期间有人能想到解决办法吗？到目前为止，我已经浏览了一些 CSS，但运气不佳......

【问题讨论】：

标签： jquery css jquery-mobile

【解决方案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;
}

【讨论】：

不，不是复选框，澄清我的意思是无线电输入：

【解决方案2】：

啊！找到了。
更新了 beta2 中的 CSS，导致单选按钮在选择时看起来未选中。根据 jQuery 移动博客，它不那么强大，但我认为它在可用性方面让它失望了！将以下 CSS 添加到我的 beta2 CSS 文件并优雅地回滚... --还要注意复选框的更新。--

.ui-radio-on, label.ui-checkbox-on {
边框：1px 实心 #155678;
颜色：#FFFFFF;
背景：#4596ce;
文字阴影：0 -1px 1px #145072;
background-image:-webkit-gradient(linear,left top,left bottom,color- stop(0,#85bae4),color-stop(1,#5393c5));
背景图像：-moz-linear-gradient(top,#85bae4,#5393c5);
背景图像：-ms-linear-gradient(top,#85bae4,#5393c5);
背景图像：-o-linear-gradient(top,#85bae4,#5393c5);
背景图像：线性渐变（顶部，#85bae4，#5393c5）；
}

【讨论】：