Jquery Opacity Input Form
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img
vendor
LICENSE
README.md
index.html
jquery.opacity.input.js

README.md

Jquery Opacity Input

Problema:

<input type="text" class="opacity80">

...

.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
});