Ver ejemplo de lo siguiente aquí →

No hay necesidad de un complemento. Esto se puede lograr con muy poco código jQuery, mostrando una superposición de bloqueo con el div seleccionado en un índice z encima:

 $('.expose').click(function(e){ $(this).css('z-index','99999'); $('#overlay').fadeIn(300); }); $('#overlay').click(function(e){ $('#overlay').fadeOut(300, function(){ $('.expose').css('z-index','1'); }); });

De acuerdo con el siguiente HTML y CSS... simplemente agregue la clase de expose a cualquier elemento que desee aislar al hacer clic:

 <div class="expose">Some content</div> <textarea class="expose">Some content</textarea><br /> <input type="text" class="expose" value="Some content" /><br /> <div id="overlay"></div> .expose { position:relative; } #overlay { background:rgba(0,0,0,0.3); display:none; width:100%; height:100%; position:absolute; top:0; left:0; z-index:99998; }

Ver ejemplo →

¿Qué pasa con el uso de la propiedad CSS del esquema ?

 input[type="search"] { -webkit-appearance: textfield; background:url('icons.png') #fff no-repeat 5px -601px; padding:0 10px 0 32px!important; width:168px; outline: 0px rgba(0,0,0,0) solid; transition: outline-color .3s } input[type="search"]:focus{ z-index:1000; position:relative; border:1px solid #f60; outline: 5000px rgba(0,0,0,.8) solid ; }

esto aplica un contorno muy grande en entradas enfocadas con transición de desvanecimiento.

Ejemplo:

Mire el complemento Expose de jQuery Tool . Eso es probablemente lo que quieres.