Deshabilitar / habilitar estilos desde la etiqueta principal CSS
Publicado por ScriptShow (692 intervenciones) el 20/10/2017 11:58:37
Es un método poco utilizado pero dá resultado... Manejar la etiqueta <style> completa con JavaScript, habilitando ó deshabilitando su/s contenido/s. En este caso, cambiamos el aspecto de una cabecera.
Veamos el código del ejemplo:
Espero sea útil.
Un saludo
Veamos el código del ejemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css" id="test">
.estilo {background:lightblue;transition:all 0.8s}
</style>
<script type="text/javascript">
function testCss(){
var test = document.getElementById('test');
test.disabled = !test.disabled;
}</script>
<input type="button" value="Test Css" onclick="testCss()"/>
<h2 class="estilo">Esto es un Ejemplo Simple</h2>
Espero sea útil.
Un saludo
Valora esta pregunta
1