# Contour CSS carré sur les boutons radio dans 2.7.0 b4

**URL:** https://meta.discourse.org/t/square-css-outline-on-radio-buttons-in-2-7-0-b4/180767
**Category:** UX
**Created:** [Février 22, 2021, 5:07 UTC](https://meta.discourse.org/t/square-css-outline-on-radio-buttons-in-2-7-0-b4/180767 "2021-02-22T17:07:44Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![jabeler](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jabeler/32/492320_2.png) [@jabeler](https://meta.discourse.org/u/jabeler)
#### Post date: [Février 22, 2021, 5:07 UTC](https://meta.discourse.org/t/square-css-outline-on-radio-buttons-in-2-7-0-b4/180767/1 "2021-02-22T17:07:44Z")

</div>

Discourse inclut désormais un contour carré lors de la sélection des boutons radio. Le problème est présent dans Safari 14.0.3 et Brave 1.20.108.

 ![Screen Shot 2021-02-22 at 9.58.02 AM](https://global.discourse-cdn.com/meta/original/3X/0/8/0825091223c9db4ea211965bfa0e36a219c0b64d.png)

Cela est causé par la propriété `outline` montrée ici.

 ![Screen Shot 2021-02-22 at 10.01.24 AM](https://global.discourse-cdn.com/meta/original/3X/c/c/cc337c95498ff45626d2e40064c253c54c99d630.png)

Je pense que cela a été introduit dans la version b4, car je ne me souviens pas l’avoir vu auparavant.

S’agit-il d’un bug ou d’une sorte de fonctionnalité d’accessibilité ?

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [Février 22, 2021, 6:34 UTC](https://meta.discourse.org/t/square-css-outline-on-radio-buttons-in-2-7-0-b4/180767/3 "2021-02-22T18:34:55Z")

</div>

C’est bien une régression, oui. Cette PR devrait la corriger : [UX: use default browser focus styling for checkbox and radio inputs by pmusaraj · Pull Request #12173 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/12173)

Merci pour le signalement !

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [Février 27, 2021, 8:00 UTC](https://meta.discourse.org/t/square-css-outline-on-radio-buttons-in-2-7-0-b4/180767/4 "2021-02-27T08:00:15Z")

</div>

Ce sujet a été automatiquement fermé après 4 jours. De nouvelles réponses ne sont plus autorisées.