- Interfaccia utente semantica js / css - 2.2.7
- jQuery v3.0.0
- Integrato con Magento 2.1.2
La mia icona <i class="help icon"></i>
mostra un quadrato con il codice F128 che corrisponde a icon.help dove dovrebbe effettivamente mostrare un'icona di aiuto
Sullo stesso file, <i class="dropdown icon"></i>
sta mostrando un triangolo a discesa. La fonte CSS è nel percorso corretto, ma perché uno funziona e l'altro no?
i.icon {
backface-visibility: hidden;
display: inline-block;
font-family: Icons;
font-style: normal;
font-weight: 400;
height: 1em;
margin: 0 0.25rem 0 0;
opacity: 1;
text-align: center;
text-decoration: inherit;
width: 1.18em;
}
i.icon::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
i.icon.dropdown:before,i.icon.triangle.down:before{
content:"f0d7
}
i.icon.help:before{
content:"f059
}
risposte:
0 per risposta № 1L'icona è probabilmente definita dal seguente selettore:
.icon.help {}
no (non sembra un'icona a discesa definita nel tuo css in questo modo)
.icon.dropdown {}
Se devi utilizzare la classe del menu a discesa qui; Puoi provare:
<i class="dropdown help icon"></i>
Tuttavia, tieni presente che l'aggiunta di queste classi può influire sull'over-and-over della classe "dropdown".