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

6 votes187 views2 answers
Add border to a div
Html
0 vote183 views1 answer
Html container farbverlauf
Html
6 votes170 views2 answers
Raise WebDriverException( selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home
Html
5 votes245 views2 answers
Add jquery script in html
Html
1 vote199 views1 answer
Html putting content in input
Html
53 votes145 views6 answers
Html favicon link
Html
19 votes173 views6 answers
Bootstrap card
Html
3 votes226 views9 answers
Bootstrap 5
Html
0 vote196 views1 answer
Am pm after the time in html
Html
18 votes181 views3 answers
Html inline css
Html