Groups > fr.comp.lang.javascript > #3182

Re: Forme par défaut d'un boutton input

Path	csiph.com!eternal-september.org!feeder.eternal-september.org!reader01.eternal-september.org!.POSTED!not-for-mail
From	Pierre Maurette <maurette.pierre@free.fr>
Newsgroups	fr.comp.lang.javascript
Subject	Re: Forme par défaut d'un boutton input
Date	Tue, 23 Apr 2019 12:26:37 +0200
Organization	A noiseless patient Spider
Lines	46
Message-ID	<mn.baea7e34872d91f7.79899@free.fr> (permalink)
References	<1o6e4xi.1671o9c5bk2sN%loiseauthierry@free.fr>
Reply-To	maurette.pierre@free.fr
Mime-Version	1.0
Content-Type	text/plain; charset="iso-8859-15"; format=flowed
Content-Transfer-Encoding	8bit
Injection-Info	reader02.eternal-september.org; posting-host="13ec5d2ea560a3d58a3cc53dd24be298"; logging-data="9427"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+wlE/mO8nIi02hszTi3ixLZ9K0u69PQT0="
Cancel-Lock	sha1:wmFtL8JgSEfEn1u/YN5r9GpMpLc=
X-Newsreader	MesNews/1.08.06.00-fr
X-Face	cmi$3R1_J{[}5K\|8d'LDiJ$SsZgn,jPhJ#KVGt+45,E_N9O}GrhhQ>fb&q<&lz=g%PEv' u"m)N\|KrBMux?2:E?N7Uw3L#H>L#GwM}<qH-?#_Y$B9]$q1"~iUGtN#HVy?}7.`m&iKF>gY:.`W.qu z`1'W'h-AXPmB]#7~<+@H.<0M`-jBkCWbmkcT_*LBVD3\|p1a?h1H;cHq{$-vbeP@Hdcqp5z~lwU7ZK `~
Xref	csiph.com fr.comp.lang.javascript:3182

Show key headers only | View raw

Thierry Loiseau :
> Bonjour,
>
> Soit un boutton input et le code suivant :
>
> <input type="button" value="cliquez ici" id="btn">
>
> Si via JavaScript je change la couleur :
>
> document.getElementById("btn").style.color="blue";
>
> la forme même du boutton devient rectangulaire.
>
> J'aimerais pouvoir :
>
> 1) soit conservé la forme d'origine lorsque je modifie la couleur ;
> 2) sot pouvoir "réinitialiser" la forme d'origine avec la couleur
> prédéfinie.
>
> Je ne vois pas si c'est possible. Ma configuration :
>
> FireFox 66 Mac OS X 10.9.5
>
> Merci et bon dimanche

Bjr,

Vous placez quelques styles de base dans votre css (par exemple dans 
les quelques lignes dans le <head></head>:

.bg-blue{background: blue;}
etc.
(background avec juste une couleur fonctionne aussi bien que 
background-color)

Puis en js:

document.getElementById("btn").classList.add("bg-blue");

Il y a un hack pas compliqué pour que ça fonctionne aussi avec les 
vieux IE, mais je ne vois pas pourquoi il y aurait encore des 
utilisateurs IE plus petit que 10, et de toutes façons ils seraient 
juste privés de la couleur, ça leur apprendra.

-- 
Pierre Maurette

Back to fr.comp.lang.javascript | Previous | Next — Previous in thread | Find similar

Thread

Forme par défaut d'un boutton input loiseauthierry@free.fr (Thierry Loiseau) - 2019-04-21 16:15 +0200
  Re: Forme par défaut d'un boutton input loiseauthierry@free.fr (Thierry Loiseau) - 2019-04-21 18:03 +0200
    Re: Forme par défaut d'un boutton input loiseauthierry@free.fr (Thierry Loiseau) - 2019-04-21 18:09 +0200
      Re: Forme par défaut d'un boutton input loiseauthierry@free.fr (Thierry Loiseau) - 2019-04-21 19:25 +0200
      Re: Forme par défaut d'un boutton input "Y.D." <no-spam@invalid.free.fr> - 2019-04-22 18:24 +0200
        Re: Forme par défaut d'un boutton input loiseauthierry@free.fr (Thierry Loiseau) - 2019-04-22 22:53 +0200
          Re: Forme par défaut d'un boutton input "Y.D." <no-spam@free.fr> - 2019-04-23 10:51 +0200
  Re: Forme par défaut d'un boutton input Pierre Maurette <maurette.pierre@free.fr> - 2019-04-23 12:26 +0200

csiph-web