<div ng-switch="" on="useExistingCard">
<!-- ngSwitchWhen: true -->
<!-- ngSwitchWhen: false -->
<div ng-switch-when="false" class="ng-scope">
<form class="form ng-pristine ng-invalid ng-invalid-required">
<div class="form__row txtc lesCartes">
<label class="form__block form__blockx2">
<span class="bord">
<input type="radio" class="form__input ng-pristine ng-valid" name="cc" ng-model="model.cardType" value="visa">
<img src="img/cc_cb.png">
<img src="img/cc_visa.png">
</span>
</label>
<label class="form__block">
<span class="bord">
<input type="radio" class="form__input ng-pristine ng-valid" name="cc" ng-model="model.cardType" value="mastercard">
<img src="img/cc_mastercard.png">
</span>
</label>
</div>
<!--cut out-->
</div>
URL: http://m.lequipe.fr
Browser / Version: Firefox Nightly Mobile 63.0a1 (2018-08-15)
Operating System: Samsung Galaxy S7 Edge (Android 7.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)
Tested Another Browser: Yes
Problem type: Design is broken
Description: Radio buttons border is hardly visible
Prerequisites
1. Account created and signed in.
Steps to Reproduce
1. Navigate to http://m.lequipe.fr
2. Tap “s'abonner” button.
3. In the “Abonnement” page tap “j’en profite” button.
4. Observe radio buttons from “Paiement” section.
Expected Behavior:
The buttons border is visible.
Actual Behavior:
The buttons border is hardly visible.
Note:
1. Not reproducible on Chrome 68.0.3440.91.
2. Screenshot attached.
3. Affected area:
Watchers:
@softvision-sergiulogigan
@softvision-oana-arbuzov
sv; country: fr
From webcompat.com with ❤️