Mac OSX için HTML Select nesnelerini CSS ile biçimlendirme
Uzun süredir CSS üzerine birşeyler eklememiştim. Karşılaştığım bir sorunu çözümü ile bayağı uğraştım. Kullandığım PC Laptop ekranında herşey düzgün görünürken ve çeşitli mobil ekranlarda sorunsuz sayfa kendini ayarlarken nedense Apple grubu ekranlarda sayfa ayarlayamıyordu. Özellikle seçim kutularına ait (selectbox) nesnelerde oluşan bu sorunun çözümünü buldum.
İlk önce normal select seçim kutusu HTM kodlarını sonra CSS biçimlendirme kodlarını paylaşayım.
HTML Kodu:
CSS Kodu:

Şimdi aşağıdaki satırı ekleyelim. Bu işlem ile Chrome webkit kütüphanesi üzerindeki OSX etkisini kaldırıyoruz.
-webkit-appearance:none;
Ve sonuç aşağıdaki gibi oluyor.

İyi çalışmalar dilerim.
Oğuzhan TAŞ
Mayıs, 2020
İlk önce normal select seçim kutusu HTM kodlarını sonra CSS biçimlendirme kodlarını paylaşayım.
HTML Kodu:
<div class="label">Bağış Türü</div>
<select name="tur" class="full_selectbox">
<option value="Standart">Standart Bağış</option>
<option value="Zekat">Zekat</option>
</select>
CSS Kodu:
.full_selectbox{
margin-left: 2%;
width: 48%;
margin-top:7px;
padding:8px 5px 10px 5px;
text-align: left;
color:#333;
border:1px solid #CCC;
font-size:14px;
border-radius: 4px;
float:left;
display: block;
vertical-align: middle;
}

Şimdi aşağıdaki satırı ekleyelim. Bu işlem ile Chrome webkit kütüphanesi üzerindeki OSX etkisini kaldırıyoruz.
-webkit-appearance:none;
Ve sonuç aşağıdaki gibi oluyor.

.full_selectbox{
margin-left: 2%;
width: 48%;
margin-top:7px;
padding:8px 5px 10px 5px;
text-align: left;
color:#333;
border:1px solid #CCC;
font-size:14px;
border-radius: 4px;
float:left;
display: block;
vertical-align: middle;
-webkit-appearance:none;
}
Oğuzhan TAŞ
Mayıs, 2020

Dil Değiştir(Change Language)
Kategoriler
- Csharp(47)
- Csharp Formlar(9)
- Web Tasarım(10)
- CSS(24)
- JavaScript(32)
- PHP(50)
- Laravel(3)
- ASP.net(38)
- Excel(14)
- Güvenlik(4)
- E-Ticaret(3)
- Kariyer(5)
- SQL Server(27)
- MySQL(15)
- Linux(14)
- MacOSX(8)
- Ayarlar(11)
- Bilgisayar Ağları(3)
- Symfony(1)
- Teknoloji(7)
- VBS(1)
- Arduino(1)
- RaspberryPi(1)
- Algoritmalar(15)
- HTML(3)
- Python(1)
- Bash Script(6)
- C Programlama(10)
En çok Okunan 18 Makale
- :: Excelde EĞER Fonksiyonu Kullanımı...
- :: OSX İşletim Sistemine PHP, MySQL, A...
- :: Csharp ile Access Veritabanı Bağlan...
- :: Hangi Linux Dağıtımı?
- :: SQL nedir, Temel SQL Komutları nele...
- :: PHP dilini kullanarak MySQLi tekniğ...
- :: Mac Bilgisayarınıza Windows 7 Yükle...
- :: PHP ile Basit Dosya Yükleme
- :: Hangi Programlama Dilini Öğrenmeliy...
- :: Excel Hesap tablosunda ÇOKEĞERSAY F...
- :: Hangisi acaba, PHP mi ASP.NET mi ?
- :: Excel Hesap tablosunda ÇOKETOPLA Fo...
- :: Web Tasarım öğrenmeye nereden başla...
- :: PHP Dili kullanarak MySQLi Tekniği ...
- :: Excel Hesap tablosunda EĞERSAY Fonk...
- :: Excel Hesap tablosunda ETOPLA Fonks...
- :: Asp.net ile Sql Server Veritabanına...
- :: ASP.net Giriş Örnekleri, Textbox, L...