Skip to main content
se eliminaron 5 caracteres en el cuerpo
Origen Enlace
Narciso Aifuz
  • 1.7k
  • 1
  • 7
  • 17

Esto no se puede solo con CSS. si estás usando jQuery, te ayudo con eso:

$(document).ready(function() {
// Al hacer hover en textarea
 $(".textareaform-admin"control").on("mouseover", function() {
  // le damos el color 
   $(".label-admin").css({"color": "red"});
 });
 
 $(".textform-admin"control").on("mouseleave", function() {
 // Vuelve al estilo del CSS con inherit
 $(".label-admin").css({"color": "inherit"});
) };)

)};

Esta función solo hover. Pero si prefieres que no sea así, se puede cambiar mouseover por click. Y una cosa más: en tu CSS te faltó el signo: ! Así:

color: aqua !important;

Esto no se puede solo con CSS. si estás usando jQuery, te ayudo con eso:

$(document).ready(function() {
// Al hacer hover en textarea
 $(".textarea-admin").on("mouseover", function() {
  // le damos el color 
   $(".label-admin").css({"color": "red"});
};

$(".text-admin").on("mouseleave", function() {
 // Vuelve al estilo del CSS con inherit
 $(".label-admin").css({"color": "inherit"});
)};

)};

Esta función solo hover. Pero si prefieres que no sea así, se puede cambiar mouseover por click. Y una cosa más: en tu CSS te faltó el signo: ! Así:

color: aqua !important;

Esto no se puede solo con CSS. si estás usando jQuery, te ayudo con eso:

$(document).ready(function() {

 $(".form-control").on("mouseover",function(){
  $(".label-admin").css({"color": "red"})
 });
 
 $(".form-control").on("mouseleave",function(){
  $(".label-admin").css({"color": "inherit"})
 })

)};

Esta función solo hover. Pero si prefieres que no sea así, se puede cambiar mouseover por click. Y una cosa más: en tu CSS te faltó el signo: ! Así:

color: aqua !important;
Origen Enlace
Narciso Aifuz
  • 1.7k
  • 1
  • 7
  • 17

Esto no se puede solo con CSS. si estás usando jQuery, te ayudo con eso:

$(document).ready(function() {
// Al hacer hover en textarea
 $(".textarea-admin").on("mouseover", function() {
  // le damos el color 
   $(".label-admin").css({"color": "red"});
};

$(".text-admin").on("mouseleave", function() {
 // Vuelve al estilo del CSS con inherit
 $(".label-admin").css({"color": "inherit"});
)};

)};

Esta función solo hover. Pero si prefieres que no sea así, se puede cambiar mouseover por click. Y una cosa más: en tu CSS te faltó el signo: ! Así:

color: aqua !important;