CSS non pris en compte sur safari
Bonjour à toutes et à tous,
J'ai crée un bouton dont code css ci-dessous.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
.vjs-big-play-button{
font-size:3em;
line-height:2.5em;
height:2.5em;
width:2.5em;
display:block;
position:absolute;top:10px;
left:10px;
padding:0;
cursor:pointer;
opacity:1;
border:.11em solid #fff;
background-color:transparent;
border-radius:25px;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-ms-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
transform: rotate(45deg)
} |
Le code n'est pas pris en compte par Safari. J'ai lu, en son temps qu'il fallait un code spécifique pour certains navigateurs mais je n'arrive pas à trouver la solution.
Mon code fait apparaître un carré arrondi (quasi un losange) mais sur safari, ça ne donne pas du tout ce qui est prévu.
Avez vous une piste ?
Merci
Bonne journée
