v2.5.2
Giriş yap

Html Multiple Select Box Mobilde iyi iken Pc'de neden kötü gözüküyor?

admin
709 defa görüntülendi

Mobil de bu kadar güzel gözükürken neden pc de kötü gözüküyor bu select.
Javascript kullanmadan sadece css ile bu görüntüyü yakalayabilir miyiz ?
Select'e tıklayınca aşağıda açılan menuler çok kullanışlı olmuyor.

alt text

codepen linki:
https://codepen.io/chriscoyier/full/GRpBbGN

Cevap yaz
Cevaplar (2)
makifgokce
1349 gün önce

Pc ile mobil arasında fark olmasının sebebi default görünümü olduğu için.
Mobil deki default görünümü o şekilde ayarlamışlar.

select{
  width:200px;
  background:#38373c;
  color:#fff;
  padding:10px;
}
option{
  padding:15px 10px;
}
option:hover{
  background:#5f5d67;
  cursor:pointer;
}

gibi görüntüsünü değiştirebilirsin.
ama sağdaki checkbox lar için javascript gerekir gibi

ugurozgen
1349 gün önce

Tarayıcıların ve işletim sistemlerinin tasarım konseplerinin farklı olmasından kaynaklı. Selectbox'ı web tarafında CSS, HTML ve javascript ile istediğin görünüme dönüştürebilirsin..