Styling `<select>` in Internet Explorer

Un modo per personalizzare il bordo e lo sfondo di un HTML <select> in IE? Posso personalizzare il bordo con semplici CSS in Firefox, ma apparentemente non in IE.Styling `<select>` in Internet Explorer

fonte

2009-03-14 Tony the Pony

IE è molto probabile in modalità "Quirks". Le versioni precedenti di IE non disegnavano l'elemento select e quindi non potevano essere formattati correttamente (così come alcune stranezze di ordine z), quindi su IE < 8 non è possibile farlo, a meno che non si riattivi qualcosa come select in JS. Dai uno sguardo agli strumenti per sviluppatori (F12) per vedere in quale browser e modalità IE si trova; se si dice "Internet Explorer 8" per la modalità Browser e non "modalità Quirks" per la modalità documento, si dovrebbe essere ok :)

Il seguente frammento funziona bene qui (IE8β2):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
      "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <style type="text/css"> 
      select { 
       border: 1px solid red; 
      } 
     </style> 
    </head> 
    <body> 
     <form> 
      <select> 
       <option>1</option> 
       <option>2</option> 
      </select> 
     </form> 
    </body> 
</html>

fonte

2009-03-14 20:42:31 Joey

corretto, ma le versioni precedenti di IE avevano problemi con il bordo. – scunliffe

Certo, ma è taggato "ie8", quindi ho pensato che stasse parlando di IE8. E sì, ho reso piuttosto implicito che le versioni precedenti non avrebbero lo stile dei bordi; Lo cambierò. – Joey

-3

Includere questi tag nel codice:

<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=9" /> 
</head>

Questo risolverà i problemi relativi a Internet Explorer.

fonte

2012-06-12 21:57:05

Hai letto la domanda o la risposta accettata, che è stata pubblicata in * tre anni * fa? -1 –

Inoltre non puoi semplicemente includere un nuovo dove vuoi. Potresti non pensarlo come tale quando hai scritto la risposta, ma è così che viene letto. Inoltre, si imposta la modalità IE solo su IE 9, che non è in alcun modo a prova di futuro. Soprattutto ora che IE 10 è fuori. IE = il bordo è più aperto. Inoltre è importante sottolineare il comportamento dei vecchi browser, non solo ignorarli, forzando la versione newset. – Tokimon

Styling `<select>` in Internet Explorer

risposta

Problemi correlati