Le texte du bouton ne s'affiche pas dans Safari, je peux renvoyer le texte en utilisant jquery dans la console. Mais il reconnaît l'événement de clic, par exemple
<div class="btn-group btn-group-lg"> <button onclick="change();" id="face-btn" type="button" class="btn btn-primary">Face</button>
3 Réponses :
Je n'ai pas pu écrire un commentaire expliquant pourquoi j'écris une suggestion ici, essayez d'ajouter une hauteur à votre style de bouton Cette réponse est basée sur cet article: Bouton qui ne s'affiche pas correctement dans Safari
Code CSS .btn {-webkit-background-clip: texte; -webkit-text-fill-color: transparent; image de fond: gradient linéaire (79deg, var (- greenblue), var (- macaroni-and-cheese)); rayon de la frontière: 60px; couleur: var (- blanc); affichage: bloc en ligne; taille de la police: 12,8 px; hauteur de ligne: 32px; marge inférieure: 1rem; largeur min: 120px; rembourrage: 0 6px; position: relative; text-align: centre; décoration de texte: aucun}
Le problème concernait la ligne -webkit-text-fill-color: transparent;
J'utilise le navigateur Safari et je peux voir le texte dans le bouton.
Pour une meilleure prise en charge, utilisez l'attribut value pour prendre en charge tous les navigateurs.
<div class="btn-group btn-group-lg"> <button onclick="change();" id="face-btn" type="button" value="Face" class="btn btn-primary">Face</button>
J'espère que cela vous aidera.
Est-ce uniquement dans Safari? Avez-vous essayé d'ajouter
z-index?supprimer type = "button" de la balise de bouton. Ce n'est pas obligatoire. Change le css pour # face-btn {color: '# 000000'; }
Salut, Merci pour la suggestion essayé les deux ne fonctionnent pas. Uniquement dans Safari.
Avez-vous un lien vers lequel je peux accéder? Je suis sûr que je peux vous aider si je pouvais ouvrir les outils de développement et y jeter un œil.