Perché il testo del tag HTML Legend è diverso in IE rispetto ad altri browser

Question

Forse mi manca qualcosa di molto ovvio, ma perché il seguente codice HTML produce testo nella legenda che si presenta blu in Internet Explorer ma nero in altri browser?

Desidero che il colore sia comune a ogni browser, pertanto il colore viene impostato in modo esplicito sul nero. Ma sono curioso del perché qui c'è una differenza.

Answer 1

Senza sapere esattamente di quale IE si sta parlando, è necessario sapere che ogni browser ha il proprio set di attributi di stile predefiniti che vengono applicati ogni volta che il progettista non riesce a specificare esplicitamente uno stile proprio.

Una buona soluzione per questo problema consiste nell'utilizzare il ripristino dei CSS, che riduce sostanzialmente lo stile di ogni elemento a zero.

http://meyerweb.com/eric/tools/css/reset/

Answer 2

Browser diversi = valori predefiniti diversi. Questo è il motivo per cui alcune persone (ma non io) usano un foglio di stile di reimpostazione CSS come this one from Yahoo.

EDIT:

Non mi piace usare un reset perché aggiunge un sacco di regole che probabilmente non servono e molti che si sovrascrivere, che crea lavoro extra per il browser dell'utente (che probabilmente sta girando su una macchina più lenta della tua). Preferisco essere molto esplicito nel mio CSS per assicurarmi di aver coperto le mie basi, ma non penso che ci sia qualcosa di sbagliato nell'usarlo se lo si desidera.

Answer 3

Anche tenere a mente che la leggenda in IE ha un offset da sinistra di 7 pixel :)

si può facilmente correggere questo dicendo IE per avere un margine di leggende con

margin: 0 -7px;