How can you add multiple styles to the one button…this doesn’t work. <button style=background:red,

Question

Asked: May 25, 20262026-05-25T10:16:46+00:00 2026-05-25T10:16:46+00:00

How can you add multiple styles to the one button…this doesn’t work.

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

I have tried:

is it possible to combine multiple styles?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-25T10:16:47+00:00

You should really use a css class and avoid styling DOM nodes inline:

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

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

Even more ideally you’d create a CSS file.

CSS (style.css) :

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

HTML :

   <link rel="stylesheet" href="style.css" />
   <button class="btn">Click me</button>

The Archive Base Latest Questions