html styles de bouton

Comment pouvez-vous ajouter plusieurs styles pour le bouton d'une...cela ne fonctionne pas.

<button style="background:red", "cursor:pointer">click me</button>

J'ai essayé:

  • style="background:red", "cursor:pointer"
  • style="background:red" "cursor:pointer"
  • style="background:red" style="cursor:pointer"

est-il possible de combiner plusieurs styles?

vous devriez jeter un oeil à comment bien déclarer styles en ligne... jeter un oeil à ceci: est.gd/jUKeOY
ou comment les éviter...
ouais ça aussi...
Évitant style attributs est une approche, non pas une règle (par exemple, cette source de la page a plusieurs style attributs). La réponse à la question est de savoir comment les propriétés de format, pas comment éviter style attributs tout à fait (ce qui est une opinion).

OriginalL'auteur Ricco | 2011-09-04

  1. 6

    Vous devriez vraiment utiliser une classe css et d'éviter le style nœuds DOM en ligne:

    <style type="text/css">
    .btn {
        background-color:red;
        cursor:pointer;
    }
</style>

<button class="btn">Click me</button>

    Encore plus idéalement, vous devez créer un fichier CSS.

    CSS (style.css) : 

    .btn {
    background-color:red;
    cursor:pointer;
}

    HTML : 

       <link rel="stylesheet" href="style.css" />
   <button class="btn">Click me</button>
    merci pour la réponse rapide, cela a fonctionné parfaitement
    Un plaisir de vous aider 🙂

    OriginalL'auteur AlienWebguy

  2. 3

    Des propriétés distinctes avec ; et de mettre toutes les propriétés entre le même ensemble de citations:

    <button style="background:red; cursor:pointer">click me</button>

    http://jsfiddle.net/userdude/GcY97/

    Il en va de même pour la classe CSS déclarations:

    button {
    background: red;
    cursor: pointer;
}

    OriginalL'auteur Jared Farrish

  3. 2

    Vous séparer de tout le code html des propriétés de style avec un point - virgule,; 

    style="background: red; cursor: pointer;"
    des points-virgules...*des gifles de la tête*...bien sûr
    Votre code a travaillé trop, mais les classes est une façon plus soignée. Je ne savais pas que vous pourriez le faire de cette façon.

    OriginalL'auteur Matt