Custom Select Box Yapımı
Custom Select Box Yapımı
Browserların selectboxlara verdiği defalut okları (arrow) kullanmayacaksanız kodunuzu aşağıdaki şekilde yazabilirsiniz.
*Mozilla Firefox, Chrome ve IE 7,8,9,10 desteklidir.
Browserların selectboxlara verdiği defalut okları (arrow) kullanmayacaksanız kodunuzu aşağıdaki şekilde yazabilirsiniz.
*Mozilla Firefox, Chrome ve IE 7,8,9,10 desteklidir.
Body tagine ekleyip sitenizde select işleminin iptal edebilirsiniz.
1 2 3 4 5 6 | .disable-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } |
Dropdown gibi açılan Select box gibi seçilen bir menü tasarlamak istedik. Menünün elamanları seçildiğinde seçim renk değiştirmeli ve bu renkler seçim sonrası da aktif olarak kalmalıydı. Aynı zamanda menümüz responsive ve mobile uyumlu olmalıydı. Bu ne dropdown menü ne de select box / combo menu tanımına uyuyordu. O yüzden yeni bir isim bulduk, SelectDown Menu! Devamı…