Css'de select - option ok simgeleri nasıl gizlenir?

Question

CSS ile HTML Select etiketini özelleştirmek, farklı bir görünüm vermek mümkün. CSS ile select etiketinde görünen aşağı doğru ok simgesini nasıl gizlerim?

ergin · Accepted Answer

 select{
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
        border: none;
        background: url(/images/f-bg.png) 0 0 no-repeat;
}

Yukarıdaki CSS kodu HTML select etiketinde görünen aşağı doğru ok simgesini gizleyecektir.

Ok simgesini gizledikten sonra Backgroundda da bir resim yerleştirebilirsiniz. Böylelikle daha güzel görünümlü Select kontrolü elde edebilirsiniz.