Consejos para evitar la ansiedad

Consejos para evitar la ansiedad

Síntomas de falta de atención

Cuando no configuro la visualización se pone por defecto en línea, lo que significa que ya no puedo configurar el ancho o el alto. La marca de verificación aparece dentro del elemento, pero al desmarcar la casilla el elemento se reduce a nada. He probado a poner algunos espacios de no ruptura (\00A0), pero aunque funcionara parece un poco desordenado.
El marcador va a la izquierda debido a la identificación del texto dentro del elemento ::before. Se puede arreglar fácilmente estableciendo su alineación de texto a text-align: right, para que el contenido (tick) quede dentro del cuadrado:
La primera línea revierte el valor heredado de la caja de sangría de texto a cero por defecto, devolviendo el texto dentro de la caja. Las otras dos líneas sólo embellecen el aspecto colocando el carácter en el centro de la caja.
2: No directamente. Según la especificación, la anchura/altura de los elementos en línea se ignora. El tamaño de los elementos en línea depende de su fuente (no sólo del tamaño de la fuente, sino de la propia fuente, diferentes fuentes con el mismo tamaño de fuente pueden ocupar diferentes espacios). Se puede utilizar una fuente monoespaciada que tiene un ancho constante para cualquier carácter, pero es mejor establecer la visualización como inline-block.

Prueba de atención breve

<select class=»edit-mode» data-val=»true» data-val-number=»El campo StateID debe ser un número.» data-val-required=»El campo StateID es obligatorio.» id=»Students_0__StateID» name=»Students[0].StateID»><option value=»»>– Select States–</option>
<select class=»edit-model» data-val=»true» data-val-number=»El campo CityID debe ser un número.» data-val-required=»El campo CityID es obligatorio.» id=»Students_0__CityID» name=»Students[0].CityID»><option value=»»>–Seleccionar Estados–</option>
<select class=»edit-mode» data-val=»true» data-val-number=»El campo StateID debe ser un número» data-val-required=»El campo StateID es obligatorio» id=»Students_1__StateID» name=»Students[1].StateID»><option value=»»>– Seleccionar Estados–</option>
<select class=»edit-model» data-val=»true» data-val-number=»El campo CityID debe ser un número.» data-val-required=»El campo CityID es obligatorio.» id=»Students_1__CityID» name=»Students[1].CityID»><option value=»»>–Seleccionar Estados–</option>
<select class=»edit-mode» data-val=»true» data-val-number=»El campo StateID debe ser un número.» data-val-required=»El campo StateID es obligatorio.» id=»Students_2__StateID» name=»Students[2].StateID»><option value=»»>–Seleccionar Estados–</option>

Mi capacidad de atención es cada vez menor

Estoy intentando comprobar si una casilla de verificación está seleccionada. Mi casilla de verificación tiene estilo usando input y span, no usando la etiqueta checkbox. Como no es un checkbox por defecto no puedo usar métodos como isSelected o isChecked para comprobar su estado. Entonces intentaba comprobar si alguna clase pertenece a un estado pero no a otro. Sin embargo, la única diferencia que he encontrado hasta ahora es que cuando el elemento está seleccionado aparece un ::after pero no estoy seguro de cómo ir a comprobar esto?
He conseguido que el código funcione. Apuntando a la etiqueta input en vez de al span se solucionó el problema. Tuve un error en mi código cuando lo intenté la primera vez, así que por eso pensé que el campo isSelected no funcionaba y pasé a apuntar a la etiqueta span en su lugar, lo que abrió este hilo aquí. Lo siento y gracias por la ayuda de todos.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para fines de afiliación y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad