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

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

From	Pierre Maurette <maurette.pierre@free.fr>
Newsgroups	fr.comp.lang.javascript
Subject	Re: Forme par défaut d'un boutton input
Date	2019-04-23 12:26 +0200
Organization	A noiseless patient Spider
Message-ID	<mn.baea7e34872d91f7.79899@free.fr> (permalink)
References	<1o6e4xi.1671o9c5bk2sN%loiseauthierry@free.fr>

Show all headers | 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