Changer la couleur de la balise audio
Résolu
chabinot
Messages postés
322
Date d'inscription
Statut
Membre
Dernière intervention
-
chabinot Messages postés 322 Date d'inscription Statut Membre Dernière intervention -
chabinot Messages postés 322 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Dans une page html, j'ai une balise audio comme suit:
dans le même temps, j'ai la feuille de style:
Le résultat sur la page est :
Comment puis-je changer le fonds de la balise audio ?
Cordialement,
Dans une page html, j'ai une balise audio comme suit:
<div class="audio">
<audio src="audio/rosesblanches.mp3" controls></audio>
<p>Les roses blanches de Berthe Sylva</p>
</div><!-- /.audio -->
dans le même temps, j'ai la feuille de style:
body {
font-family: 'Tahoma', sans-serif;
font-size: 16px;
}
.audio {
position: relative;
margin: 0 auto;
width: 460px;
height: 80px;
border: 1px solid #000;
background-color: transparent;
border-radius: 8px
}
.audio audio {
width: 400px;
height: 32px;
padding-top: 15px;
margin-left: 30px;
}
.audio p {
position: absolute;
width: 458px;
left: 20%;
bottom: -10px;
font-style: italic;
color: #fff;
}
.audio p:before {
content: '♬ ';
}
Le résultat sur la page est :
Comment puis-je changer le fonds de la balise audio ?
Cordialement,
A voir également:
- Personnaliser balise audio html5
- Musique audio - Télécharger - Lecture & Playlists
- Realtek audio driver - Télécharger - Pilotes & Matériel
- Comment personnaliser sa sonnerie - Guide
- Transcription audio en texte word gratuit - Guide
- Extraire audio mp4 - Guide
5 réponses
Je ne comprend pas... qu'as tu écris exactement ?
C'est bien dans le css existant que tu as apporté ta modification ?
Tu as bien pensé à vider le cache de ton navigateur ensuite ?
Par ce que :
C'est bien dans le css existant que tu as apporté ta modification ?
Tu as bien pensé à vider le cache de ton navigateur ensuite ?
Par ce que :
body {
font-family: 'Tahoma', sans-serif;
font-size: 16px;
}
.audio {
position: relative;
margin: 0 auto;
width: 460px;
height: 80px;
border: 1px solid #000;
background-color: red;
border-radius: 8px
}
Ce n'est pas exactement cela. Je l'ai déjà essayé.
J'aimerais avoir la même chose que tu as fais (cf: ton image).
J'aimerais avoir la même chose que tu as fais (cf: ton image).
Exactement le code que je t'ai donné.
rien de plus
https://forums.commentcamarche.net/forum/s/ip/35264765%2C1
rien de plus
https://forums.commentcamarche.net/forum/s/ip/35264765%2C1
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Cela ne marche pas. Ce que je veux est de pouvoir changer seulement le background de la balise audio.
audio { background-color: red; }J'ai essayer, mais en vain, on devrait pourtant le faire ??