有時(shí)需要在view頁(yè)面設(shè)置標(biāo)簽的狀態(tài)為disabled，但是客戶反映radio button和checkbox的顏色很淺，難以識(shí)別，尤其是打印后，如下：

成都創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來(lái)，先為天心等服務(wù)建站，天心等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為天心企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

可以使用下面的css更改原有的樣式input[type= "radio" ]:checked:disabled {

    appearance:  none ;
    margin :  0 ;
    font : inherit;
    color :  #6D6D6D ;
    width :  1.15em ;
    height :  1.15em ;
    border :  1px #6D6D6D solid ;
    border-radius:  50% ;
    transform: translateY( -0.075em );
}
    input[type= "radio" ]:checked:disabled::before {
        content :  "●" ;
        font-size :  17px ;
        font-weight :  bolder ;
        position :  absolute ;
        top :  -7.24px ;
        left :  0.2px ;
        width :  16px ;
        height :  16px ;
    }

input[type= "checkbox" ]:checked:disabled {
    appearance:  none ;
    margin :  0 ;
    font : inherit;
    color :  #6D6D6D ;
    width :  1.15em ;
    height :  1.15em ;
    border :  1px #6D6D6D solid ;
    transform: translateY( -0.075em );
}
    input[type= "checkbox" ]:checked:disabled::before {
        content :  "x" ;
        font-weight :  bolder ;
        position :  absolute ;
        left :  1.5px ;
        top :  -2.6px ;
        width :  16px ;
        height :  16px ;
    }

/*Firefox css*/
@-moz-document url-prefix() {
    input[type= "radio" ]:checked:disabled::before {
        top :  -7.5px ;
        left :  -0.2px ;
    }

    input[type= "checkbox" ]:checked:disabled::before {
        left :  1px ;
    }
}