0
107
VistasEl círculo de radio Antd cae afuera
Uso el botón de opción en la aplicación React js. Y últimamente noté que en el botón de radio, el círculo cae fuera del botón. Pensé que tal vez hay algo mal con los márgenes, rellenos. Pero cuando eliminé todos los márgenes, estilos, nombres de clase, etc. El problema aún no desapareció. Cuando traté de usar el mismo componente ANTD en otra página, fue el mismo problema. No utilicé ningún estilo específico en index.css. ¿Alguien tuvo este problema antes con ANTD Radio Lo siento, no proporcioné ningún código. Pero ni siquiera tengo nada que ofrecer. Literalmente borré todo lo que era posible.
1 Respuestas
Responde la pregunta0
Cree un archivo css para su componente y agregue el siguiente css. Lo más probable es que su problema se deba a la propiedad de position que está anulada por algún otro CSS
position debe ser position: absolute;
por defecto antd .ant-radio-inner::after debería ser como sigue
.ant-radio-inner::after { position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 16px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } Cuando la propiedad de position se elimina de la clase anterior, aparece este problema, verifique la siguiente captura de pantalla
Después de quitar position: absolute; propiedad
Después de agregar position: absolute; propiedad:
Espero que esto te ayude.., Gracias :)