Birçok kişi websitesini tasarlarken herşeyi dört dörtlük yaparken açılır seçme menüsünde(select menu) css ile sorun yaşıyor. Bu yazımda size açılır seçme menünüzün nasıl css ile özelleştireceğinizi anlatacağım.
Aşağıdaki gibi bir select menü oluşturduğumuzu farz edelim. Menüden hemen sonra kodları veriyorum.
<select> <option>Birinci Seçenek</option> <option>İkinci Seçenek</option> </select>
Yukarıda verdiğim select menüyü bir div içerisine aldım ve class üzerinden şimdi css ile şekillendiricem. Div’in class ismine acilir_menu dedim ben siz ne isterseniz onu yazın. Ben bu isim üzerinden gidicem anlatmaya
<div class="acilir_menu"> <select> <option>Birinci Seçenek</option> <option>İkinci Seçenek</option> </select> </div>
Aşağıdaki still kodunu css dosyamızda uygun bir yere yapıştırıyoruz.
.acilir_menu select { background: transparent; width: 268px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; }
Şimdi css ile bulunduğu div üzerinden bunu özelleştirelim..
.acilir_menu { width: 240px; height: 34px; overflow: hidden; background: url(asagi_ok.jpg) no-repeat right #ddd; border: 1px solid #ccc; }
Genellikle Windows ve Mac OS işletim sistemli bilgisayarlarda WordPress tema geliştiricileri localhost kurulumu yapmak için…
Her birey zaman zaman şifrelerini güncellemelidir. WordPress yönetici şifresini değiştirmek oldukça basit bir işlemdir, ancak…
Emlak temaları hakkında daha fazla bilgi edinmek için sizleri ücretsiz WordPress emlak teması serimize davet…
Markanız için bir site oluşturmak istiyorsanız en iyi ücretsiz kurumsal WordPress teması seçeneklerine bakabilir ve…
Cloudflare ile WordPress güvenliğini artırma çalışmasından önce kısaca size Cloudflare'i neden tercih ettiğimden bahsedeyim. Cloudflare'in…
Son zamanların en gözde yatırım araçlarının başında kripto paralar geliyor. Bir anda yükselişe geçmesi ve…
Bu web sitesinde çerezler kullanılıyor.