Html button disabled

<button type="button" disabled>This button is disabled</button>

Style disabled button

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

Source: stackoverflow.com

Enable html button

$('#Button').prop('disabled', true);

Source: stackoverflow.com

Use disabled= in button

<button type="button" disabled={condition? condition_true : condition_false}>Disabled with ternary</button>

ex: disabled={coin > 0 ? buy_a_car() : "No money"}

Disable button

collector.on('collect', async i => {
    if (i.customId === 'id_1') {
        row.components[0].setDisabled(true) //disables but_1
    }
    if (i.customId === 'id_2') {
        row.components[1].setDisabled(true) //disables but_2
    }
    interaction.editReply({ content: "Click a button", components: [row] });
})

Source: stackoverflow.com

Similar codes

186 votes358 views6 answers
Open new tab href
Html
32 votes291 views2 answers
Css change color on hover
Html
2 votes293 views1 answer
Html video disable right click
Html
269 votes508 views2 answers
Font awesome icons
Html
1 vote269 views2 answers
Html tab character
Html
0 vote310 views2 answers
Html table column filter dropdown
Html
68 votes328 views4 answers
Favicon in html document
Html
15 votes296 views2 answers
Html radio only one checked
Html
133 votes299 views6 answers
Open website in new tab html
Html
0 vote344 views1 answer
Abbr in html
Html