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(56)
- Csharp Formlar(20)
- Web Tasarım(10)
- CSS(24)
- JavaScript(36)
- PHP(50)
- Laravel(3)
- ASP.net(38)
- Excel(15)
- Güvenlik(4)
- E-Ticaret(3)
- Kariyer(5)
- SQL Server(29)
- MySQL(16)
- Linux(15)
- MacOSX(8)
- Ayarlar(12)
- Bilgisayar Ağları(3)
- Symfony(1)
- Teknoloji(7)
- VBS(1)
- Arduino(6)
- RaspberryPi(1)
- Algoritmalar(15)
- HTML(3)
- Python(2)
- Bash Script(6)
- C Programlama(10)
- Makine Öğrenmesi(0)
- Flutter - Dart(7)
En çok Okunan 18 Makale
- :: Excelde EĞER Fonksiyonu Kullanımı...
- :: Csharp ile Access Veritabanı Bağlan...
- :: SQL nedir, Temel SQL Komutları nele...
- :: Hangi Linux Dağıtımı?
- :: OSX İşletim Sistemine PHP, MySQL, A...
- :: PHP dilini kullanarak MySQLi tekniğ...
- :: Excel Hesap tablosunda EĞERSAY Fonk...
- :: Excel Hesap tablosunda ÇOKETOPLA Fo...
- :: Mac Bilgisayarınıza Windows 7 Yükle...
- :: Excel Hesap tablosunda ÇOKEĞERSAY F...
- :: Excel Hesap tablosunda ETOPLA Fonks...
- :: Hangi Programlama Dilini Öğrenmeliy...
- :: PHP ile Basit Dosya Yükleme
- :: PHP Dili kullanarak MySQLi Tekniği ...
- :: Hangisi acaba, PHP mi ASP.NET mi ?
- :: PHP ile MySQL veritabanına MySQLi t...
- :: Asp.net ile Sql Server Veritabanına...
- :: PhpMyAdmin Şifresi Nasıl Değiştiril...