Css válassza javascript és kiegészítő elemek nélkül
Az elv a felhasználói regisztráció válassza a CSS
Az elv maga nem bonyolult: megad a Selecta kívánt háttérképet, padding-right nem kevesebb, mint a vezérlőelem (a szöveg opció nem hívják).
De mi mindig a fogás? Az a tény, hogy a böngészők a maga módján, azt mutatják, a stílus és a változás a nyíllal válassza rendkívül nehéz. Lesz kénytelenek mindenféle elő- és csapkod.
1. Tehát szükségünk van a kép, hogy kiválassza a vezérlő elem:
2. keki és a tulajdon eltávolítani a szabványos kialakítása a nyíl a
- a CSS3 tulajdonságok (a gyakorlatban csak akkor érvényes, amíg a Chrome, a Safari és az Opera, ami mozgott a motorok):
3. Ezután, hogy a stílus a tervezés, semmi különös
Munka példa CSS válasszuk
A vorstke használom freyvork Compass, így a minta forgalomba SCSS. De általában, minden bizonnyal könnyű csinálni, és CSS, követve a fent leírt elvek, vagy egyszerűen megnyitja a bemutatott példa fejlesztői eszközöket és látni skomplirovanny css kódja a select elem.
Ahhoz, hogy adja meg a színátmenet, és a kép egy kontroll, azt használja @mixin háttér freymvorka Compass. A szolgáltatás codepen a nyálkahal valahogy nem megfelelő generál css, így meg kellett, hogy menjen a hivatalos honlapján Iránytű és másolja a forráskódot @mixin háttérben. A szokásos vorstke nem írja elő azt a nyálkahal keret fejlesztők már írt nekem (csak import @import „iránytű” fájl).
UPD 25.06.14 Firefox
A felszabadulását verzió 30, ebben a példában firefox leállt.
Javított behúzás alkalmazás elem
Míg a Firefox kijavítja a hibákat, de nem az ingatlan értéke után. van, hogy elfelejti ezt a példát, hogy csapkod, és használja továbbra is a régi módon: