diff options
| -rw-r--r-- | scss/_reboot.scss | 7 | ||||
| -rw-r--r-- | site/content/docs/5.0/content/reboot.md | 9 |
2 files changed, 16 insertions, 0 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 85306b942..b3763d05a 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -441,6 +441,13 @@ select { text-transform: none; } +// Set the cursor for non-`<button>` buttons +// +// Details at https://github.com/twbs/bootstrap/pull/30562 +[role="button"] { + cursor: pointer; +} + // Remove the inheritance of word-wrap in Safari. // See https://github.com/twbs/bootstrap/issues/24990 diff --git a/site/content/docs/5.0/content/reboot.md b/site/content/docs/5.0/content/reboot.md index 2af004574..9f459e7bb 100644 --- a/site/content/docs/5.0/content/reboot.md +++ b/site/content/docs/5.0/content/reboot.md @@ -370,6 +370,15 @@ These changes, and more, are demonstrated below. {{< partial "callout-warning-input-support.md" >}} {{< /callout >}} +### Pointers on buttons + +Reboot includes an enhancement for `role="button"` to change the default cursor to `pointer`. Add this attribute to elements to help indicate elements are interactive. This role isn't necessary for `<button>` elements, which gets its own `cursor` change. + +{% capture example %} +<span role="button">Non-button element button</span> +{% endcapture %} +{% include example.html content=example %} + ## Misc elements ### Address |