2011-08-04 24 views
0

选项标签用于在选择时更改颜色(让用户知道其选择的最佳方式)。 默认情况下,背景会变成蓝色,白色文字和左边的渐变项目符合背景蓝色,只是稍微更暗。 (Nice> _ <)jQuery Mobile Beta 2 - 选项标签选择问题(可视)

现在使用beta 2,背景颜色不会激活,尽管左侧的子弹变蓝。 结果有点奇怪,对用户不再明显。

任何人都可以在此期间想到一个修复? 我已经通过没有多少运气迄今为止一些CSS看着......

回答

0

啊!找到了。
更新了beta2中的CSS,导致单选按钮在选择时看起来未选中。 根据jQuery手机博客,它不那么令人生气,但我认为它在可用性方面让它失望! 添加以下CSS到我的β2 CSS文件,它优雅地回滚... - 注的复选框也.--

的.ui无线电上,label.ui-复选框上{
更新         border:1px solid#155678;
        color:#FFFFFF;
       背景:#4596ce;
        text-shadow:0 -1px 1px#145072;
       背景图像:-webkit梯度(线性,左上,左下,color-        停止(0,#85bae4),颜色 - 停止(1,#5393c5));
        background-image:-moz-linear-gradient(top,#85bae4,#5393c5);
        background-image:-ms-linear-gradient(top,#85bae4,#5393c5);
        background-image:-o-linear-gradient(top,#85bae4,#5393c5);线性梯度(顶部,#85bae4,#5393c5);背景图像:线性梯度(顶部,#85bae4,#5393c5);背景图像:线性梯度(顶部,#85bae4,#5393c5);
}

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; 
} 
+0

没有复选框,澄清我的意思是无线电输入: Christo