Me dejó por otra y es feliz

, Me dejó por otra y es feliz

Botón de radio con marca de verificación css codepen

Estoy tratando de colorear las marcas de verificación en el bloque de texto en la página principal de mi sitio. Probé esto con un bloque de código pero no me gustó cómo se mostraba el bloque de código específicamente en los móviles. ¿Existe un código CSS personalizado que pueda introducirse para forzar que las marcas de verificación en el bloque de texto sean de color?
Mi código HTML era un poco diferente, pero en esencia así es como se vería, ¡sí! Tenía un código que impedía que el bloque de texto se envolviera en una segunda línea, por lo que me quedé con un bloque de texto. ¿Hay algún código que se pueda añadir a este bloque de código que haga lo mismo?
Mi código HTML era un poco diferente, pero en esencia es lo que se vería, ¡sí! Tenía un código que impedía que el bloque de texto se envolviera en una segunda línea, por lo que me quedaba con un bloque de texto. ¿Hay algún código que se pueda añadir a este bloque de código que haga lo mismo?
¿Hay alguna manera de que las tres líneas de texto con marcas de verificación se apilen en el móvil pero permanezcan una al lado de la otra en el escritorio? Tal vez otro hilo es mejor para esta pregunta, pero pensé que se vería mejor en el móvil.

Checkbox no alineado con el texto

Tengo otro grupo de botones que tampoco consigo que el tamaño funcione bien. Necesito poder hacer este grupo de botones más grande o más pequeño de lo que es actualmente. Además, al hacerlo, necesito mantener el texto y la imagen en el centro del botón.
proxyHTML: ‘<div class=”boxIn” style=”width: 200px; height: 50px; “><label class=”container”><input type=”radio” onclick=”checkBtn(this)” name=”radio” value=”0″><span class=”checkmark”><span class=”text”>Izquierda</span></label><label class=”container”> <input type=”radio” onclick=”checkBtn(this)” name=”radio” value=”1″><span class=”checkmark”><span class=”text”>Medio</span></span></label><label class=”container”><input type=”radio” onclick=”checkBtn(this)” name=”radio” value=”2″><span class=”checkmark”><span class=”text”>Derecha</span></label></div>’,
Muchas gracias por tu aportación. ¿Por qué has tenido que rehacer el código por completo? ¿No podía utilizar el código exacto que tenía y hacer cambios para que el botón tuviera un tamaño mayor o menor?

Marca de verificación del contenido css

Sockets.Almacenamiento webEsta sección define un mecanismo de almacenamiento del lado del cliente basado en pares nombre-valor.La sintaxis HTMLLa sintaxis XMLTodas estas características no servirían de nada si no pudieran representarse de forma serializada y enviarse a otras personas.
y enviarse a otras personas, por lo que estas secciones definen las sintaxis de HTML y XML, junto con las reglas para analizar el contenido utilizando esas sintaxis.RenderizaciónEsta sección define las reglas de renderización por defecto para los navegadores web.
Los elementos de opción han sido insertados. Si el nuevo valor es menor, entonces los últimos n nodos de la colección deben ser eliminados de sus nodos padre, donde n es la diferencia entre los dos números (valor antiguo menos valor nuevo).
2.6.3 La interfaz DOMStringList✔MDNDOMStringListSupport en todos los motores actuales.Firefox1+Safari5.1+Chrome1+Opera12.1+Edge79+Edge (Legacy)12+Internet Explorer10+Firefox Android4+Safari iOS5+Chrome Android18+WebView Android37+Samsung Internet1.0+Opera Android12.1+
strings.lengthDevuelve el número de cadenas en strings.strings[index]strings.item(index)Devuelve la cadena con índice de strings.strings.contains(string)Devuelve true si strings contiene string, y false

Alinear la casilla de verificación a la derecha

No soy el autor de esta respuesta, pero en el momento de escribir esto, esta es la respuesta más votada con diferencia tanto en votos positivos como negativos (+1035 -17), y sigue marcada como respuesta aceptada (probablemente porque el autor original de la pregunta es el que escribió esta respuesta).
Este código asume que estás usando un restablecimiento como el de Eric Meyer que no anula los márgenes y el padding de la entrada del formulario (de ahí que ponga los restablecimientos de márgenes y padding en el CSS de la entrada). Obviamente, en un entorno real, es probable que se anide/sobreescriba cosas para soportar otros elementos de entrada, pero quería mantener las cosas simples.
Espero que esto ayude a alguien más. No he probado esta técnica específica en ningún otro proyecto más que en el que estaba trabajando esta mañana, así que no dudes en comentar si encuentras algo que funcione de forma más consistente.
A veces la alineación vertical necesita dos elementos en línea (span, label, input, etc…) uno al lado del otro para funcionar correctamente. Las siguientes casillas están centradas verticalmente de forma correcta en IE, Safari, FF y Chrome, incluso si el tamaño del texto es muy pequeño o grande.