Change the V to X in the checkbox?


#1

Is it possible to change the V to X in the checkbox?


#2

Doesn’t look like it currently, the “check” is actually made with CSS, see below.

Unless you make an X with that…

https://github.com/driftyco/ionic/blob/master/release/css/ionic.css#L4323


#3

You brought me an idea and this is what came out:

.checkbox input:after{
	content: 'X';
	font-size: 20px;
	color: #FFF;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	position: absolute;
	top: 9%;
	left: 28%;
	display: table;
	width: 15px;
	height: 10.33333px;
	border: 0px;
}

Thank you!


#4

Cool, I added a pull request for this. You have some unwanted attributes in there though!