So che le caselle di selezione sono un po 'difficili da usare con i CSS, ma senza ricorrere a tecniche avanzate è comunque possibile aggiungere un po' di padding per spingere il testo un po 'senza aggiungere anche il padding al freccia sul lato destro?Riempimento in caselle selezionate
test interessante qui http://cssdeck.com/labs/styling-select-box-with-css3
L'autore coperto la freccia sul lato destro della strada e ha creato la sua propria, utilizzando fornitore css prefisso di indirizzare i vari browser. dopo averlo fatto, il tuo padding è tutto gratis.
ok .. mi sono meritato quei downvotes. non è il mio codice. è interessante, e * è * una soluzione di css pura che funzionerà nel 90% dei casi. – commonpike
aggiungi questo alla tua classe CSS. Forse questo aiuta?
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
nasconde però le frecce .. – romainm
Dal select caselle appaiono in modo diverso su diversi browser e sistemi operativi in particolare, non è possibile garantire una consistenza.
Per esempio, la quantità minima di formattazione che posso fare su un Mac è questo:
select { height:40px; background:transparent; }
e sembra che questo:
quindi hai qualche suggerimento? –
Vorrei raccomandare una casella di selezione personalizzata, ad esempio: https://jqueryui.com/selectmenu/ – redolent
Potrebbe magari provare alterare l'imbottitura gli elementi 'opzione' annidati? Solo un pensiero ... –
No, non c'è. Disegnare su scatole selezionate è come hai detto un dolore. Ci sono molti plugin jQuery per caselle selezionate disponibili proprio per questo motivo. Lo stile cross-browser disponibile di una listbox è molto limitato. –
Non è questo ciò che speri? http://jsfiddle.net/LpvDg/ – Wasbazi