Un usuario pregunt贸 馃憞
Hola En el 煤ltimo campo de formulario seleccionado, el nombre del campo es mucho m谩s oscuro que otros tipos de campos de formulario como Texto y Textarea.
Tengo un formulario en el que todos los campos de texto, excepto los desplegables, realmente se destacan, 隆no en el buen sentido! 驴Alguna sugerencia para hacer que la etiqueta del campo tenga el mismo aspecto que los campos de texto?
(@ gusruss89)
Hace 2 a帽os, 11 meses
Hola @ 2020media
El campo seleccionado es ligeramente diferente del resto en que en realidad no est谩 etiquetado, sino que inserta texto para las etiquetas como la primera opci贸n en el campo. Se hace de esta manera porque la biblioteca de componentes de contenido (con Google) no ten铆a una buena alternativa en el momento en que se cre贸.
Se solucionar谩 en una pr贸xima versi贸n, pero si solo desea establecer el color y saber c贸mo agregar algo de JavaScript y CSS personalizado a su tema, puede hacer lo siguiente.
1. Agrega este JavaScript a tu tema
jQuery(document).on('ready', function(){
jQuery('.cf7md-select select').on('change', function(e) {
if (jQuery(this).val() !== jQuery(this).find('option:first-of-type').attr('value')) {
jQuery(this).addClass('is-selected').removeClass('is-label')
} else {
jQuery(this).removeClass('is-selected').addClass('is-label')
}
})
})2. Agregue este CSS a Presentaci贸n> Personalizaci贸n> Formularios de dise帽o de contenido> CSS personalizado
#cf7md-form .mdc-select.is-label {
color: rgba(0, 0, 0, 0.38);
}
#cf7md-form .mdc-select.is-selected {
color: rgba(0, 0, 0, 0.87);
}Gracias, Aonghas
Lanzador de hilos
(@ 2020media)
Hace 2 a帽os, 11 meses
Gracias, veo lo que quiere decir, en realidad se comporta de manera diferente cuando se selecciona un valor, no hay una etiqueta encima que muestre c贸mo se relacionan los valores con 茅l.
Creo que usar茅 un bot贸n de radio para mi prop贸sito aqu铆, y buscar茅 actualizaciones futuras.
Gracias.
(@ jessman5)
Hace 2 a帽os, 7 meses
@ gusruss89, 驴hay alguna probabilidad de que se actualice este error? No es tan agradable UX no animar la etiqueta sobre la selecci贸n al seleccionar una opci贸n.
(@ gusruss89)
Hace 2 a帽os, 7 meses
Hola @ jessman5
Esto se solucionar谩 en v2, que es una actualizaci贸n de los nuevos estilos de contenido para entradas y campos seleccionados. Las versiones m谩s nuevas tienen una etiqueta flotante, mientras que las versiones anteriores no.
Vea la exposici贸n aqu铆 – https://material-components.github.io/material-components-web-catalog/#/component/select
V2 a煤n est谩 en desarrollo (es un gran trabajo asegurarse de que la actualizaci贸n no rompa los formularios que la gente ya tiene) y a煤n no tiene MTE.
Lo siento, pero puede estar seguro de que estoy trabajando para mejorarlo.
Gracias angus
(@ jessman5)
Hace 2 a帽os, 7 meses
Est谩 bien, gracias, son prometedoras. Trabajar茅 hasta entonces.
驴Solucion贸 tu problema??
0 / 0