Vedo uno strano scenario in cui, in base alla console di sviluppo di Firefox, il colore corrispondente per un elemento css è diverso dall'output visibile. Se è importante, sto usando Bootstrap 3 come fonte di stile. Ecco il (molto breve) file HTML che sto usando per l'esempio.L'attributo colore CSS vincente non corrisponde al risultato
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<button class="form-control btn btn-success">Hello world</button>
Ecco uno screenshot dalla console dev Firefox con il presunto 'vincente' regola css per:
Ed ecco uno screenshot del rendering del browser attuale:
Come puoi vedere, il testo nel pulsante è reso bianco. Dall'alto delle regole CSS, sembra che il bianco sia stato, in effetti, selezionato. Ma non è chiaro da dove viene. L'unica regola dice "è bianco (#FFF)" è cancellata e l'unica regola che è non contrassegnata con barrata "è grigio scuro (# 555)". Allora perché il testo è bianco?
Stavo pensando qualcosa come questo in quanto riporta tutte quelle regole sulla linea 5 –
Ah bello! Posso confermare che l'utilizzo della sorgente non minificata comporta un comportamento previsto. Sembra che dovremmo presentare un bug report. –
Ovviamente c'è già un [bug report per questo] (https://bugzilla.mozilla.org/show_bug.cgi?id=1085119). Come dice la risposta di Patrick, per ora puoi almeno vedere la traccia di stile corretta all'interno della [Vista regole] (https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS). –