JavaScript - Variable CSS desde Js

 
Vista:

Variable CSS desde Js

Publicado por keiner (6 intervenciones) el 12/01/2019 01:21:29
Tengo 3 paginas con formularios, en el archivo css tengo, determinado los estilos de todos los formularios, me gustaria cambiar el color de títulos de cada formulario , desde un archivo js vinculado a cada pagina diferente.
En el archivo css, tengo definido el color como una variable css, mi duda es si puedo dar valor a esa variable css desde un archivo js de un pagina.

a continuación una parte del css:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.container .form{
	--color:#174459;
	--hover:#215F7C;
	background: rgba(0,0,0,0.6);
	width: 90%;
	max-width: 700px;
	margin: auto;
	padding: 5px 35px ;
	margin-top: 1px;
	padding-bottom: 15px;
	border-radius: 3px;
}
.container .form .form-header .form-tittle{
	font-weight: normal;
	color: var(--color);
	text-align: center;
	padding: 14px 0;
	font-family: 'Merriweather', serif;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Variable CSS desde Js

Publicado por ScriptShow (692 intervenciones) el 12/01/2019 22:08:37
Saludos,

lo puedes hacer de varias formas...

Si se trata de un Título en una etiqueta, no se precisan grandes cambios. Por ejemplo:

1
2
3
4
5
6
7
<h2 style="color:#DD44FF">Título del Formulario 1</h2>
 
<h2 style="color:#FF44DD">Título del Formulario 2</h2>
 
<h2 style="color:#44FFDD">Título del Formulario 3</h2>
 
<h2 style="color:#DDFF44">Título del Formulario 4</h2>

Etc...

Existen otras etiquetas y estilos posibles.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar

Variable CSS desde Js

Publicado por keiner (6 intervenciones) el 12/01/2019 22:56:26
Muchas Gracias me diste una idea con tu comentario , y logre solucionarlo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar