Hola!!!
Hoy os traigo un plugin de jquery que he creado para uno de mis proyectos: jQuery Opacity Input Forms Plugin
Toda la info la tenéis disponible en github, así como una paginita de ejemplo… la verdad es que creo que es muy útil… pero lo diréis vosotros 🙂
https://github.com/MrViSiOn/jquery-opacity-input
Problema:
<input type="text">
...
.opacity80{
-webkit-opacity:.8;
-moz-opacity:.8;
opacity:.8;
}
Nuestra caja de texto tiene una opacidad del 80%, pero también lo tiene el texto que escribimos en el
¿Cómo solucionarlo?
<script src="vendor/jquery.min.js"></script>
<script src="vendor/jquery-ui-1.10.3.custom.min.js"></script>
<script src="vendor/jquery.opacity.input.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input.opacity80').opacityinput();
});
</script>
Posibles opciones:
$('input.opacity80').opacityinput({
opacity: 0.5, //la opacidad deseada
bacgroundColor: "#454545" //el color de fondo
});
Si tenéis alguna duda, o hay algún problema con él me lo hacéis saber y lo solucionaré!
Un saludo!!