Sbarazzarsi di -webkit-padding-start: 40px
Sto lavorando per aggiungere un menu a una mappa. Il menu sta funzionando bene, tranne che ho notato che c'è sempre un padding a sinistra, non importa quale CSS applicato al menu. Il padding sembra essere originato da (-webkit-padding-start: 40px;) e non vuole andare via. Ho provato a sovrascriverlo con 0 !important; che non ha fatto nulla.
Dopo aver trovato su Google questo:
-webkit-padding-start: 40px; Cosa dovrebbe essere per IE e Firefox?
Tuttavia non è stato possibile trovare nient'altro su come ignorare o rendere questo andare via. Ho bisogno di avere elementi nel menu completamente a sinistra.
In allegato c'è uno screenshot, l'area verde è ciò di cui sto parlando e sotto gli stili puoi vedere -webkit-padding-start: 40px;
È a causa dei fogli di stile user-agent di ogni browser . Dovresti sempre reimpostare tutti gli attributi nel tuo css come primo passo.
Soluzione breve:
* {
margin: 0;
padding: 0;
}
/* your styling */
Soluzione più lunga:
per Firefox:
-moz-padding-start: 0px;