jQuery Mobile Checkbox CSS

Ik wil selectievakjes op een pagina met jQuery Mobile stijlen, maar kan de CSS voor de selectievakjes niet isoleren. Hier is de volledige CSS , maar wanneer ik een koppeling maak naar dat maakt het allemaal mijn opmaak kapot. Ik geef er de voorkeur aan alleen de CSS op te nemen die nodig is om de selectievakjes aan te passen, maar kan dit niet uitvinden met Firebug.

2

2 antwoord

Checkboxes gebruiken een hoop marge om bepaalde effecten te doen, je moet zien of dat is waar je valt. Ik sta nu voor dezelfde kwestie ... waarschijnlijk zal het veranderen door mijn eigen selectievakjes toe te voegen ... dingen zijn gewoon niet voldoende gecompartimenteerd.

0
toegevoegd

Heb je geprobeerd het css-veld globaal te doorzoeken om een ​​vinkje te zetten?

Ik heb dit gevonden, maar het is misschien niet alles wat je nodig hebt.

/* checks,radios */
.ui-icon-checkbox-off,
.ui-icon-checkbox-on,
.ui-icon-radio-off,
.ui-icon-radio-on {
    background-color: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-size: 20px 20px;
}
.ui-icon-checkbox-off {
    background-image: url(images/form-check-off.png);
}
.ui-icon-checkbox-on {
    background-image: url(images/form-check-on.png);
}
0
toegevoegd
Ja, alleen dat gebruiken is niet voldoende, de selectievakjes verschijnen nog steeds niet correct.
toegevoegd de auteur user1042732, de bron