R10+ Button CSS - Mobil ve Masaüstü Farkı

Arkadaşlar Merhaba;
Bir button CSS var fakat mobil ve masaüstünden farklı görünüyor. Mobilde de masaüstündeki gibi görülmesi için ne yapmam gerekiyor?

CSS


Masaüstü


mobil

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Media özelliği ile istediğin boyutu seçip ona göre tasarımı değiştirebilirsin.

-webkit-appearance:none;border-radius:0

ekleyebilirsiniz.

Mobilde de Masaüstündeki gibi görülmesi için CSS'ye tam olarak hangi kodu eklemem gerekiyor?

Bu mu?

-webkit-appearance:none;border-radius:0

background-color da eklemeniz gerekir

Şu şekilde oldu. Çok teşekkür ederim.

.submit {
  background-color: #D3A66B;
  border: none;
  color: white;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-appearance:none;
  border-radius:0;

}

Bu zaten vardı.

CSS'de background-color Özelliği | 𝗣𝗥𝗢𝗧𝗢𝗧𝗨𝗥𝗞 (prototurk.com)

Yardımcı olabilir

Mobilde farklı bır css goruntusu alıyorsa media taglarını bulup oradan degıstırmenız gerekıyor. Bende mı sorun var bugun yoksa ınsanlar mı yanlıs yonlendırıyor. Masaustunde farklı mobılde farklı goruntuye gelıyor buton verdıgınız css kurallarının bır anlamı yok arkadaslar. Mobılde farklı bır gorunume gelıyorsa bır buton mobıle ozel css yazılmıs demektır. Vıdeo player degılkı bu her tarayıcıda bambaska gozuksun.