Hi all,

Ik heb een website online staan waarbij een aantal elementen (dropdown, buttons e.d.) anders getoond worden (CSS) op iPad (eventueel andere devices) dan dat op een PC/Windows/ Android device... Of heeft dit niet zozeer met het device te maken maar bijvoorbeeld met safari?
Hebben jullie enig idee, want de vormgeving op de iPad wordt er niet beter op...

Ik hoop dat jullie mij hierbij kunnen helpen :)

Website: https://bit.ly/2BTfsbD

Bedankt.

Hi Kevin,

Kijk even naar (en Google) naar dit soort CSS regels:

Code:

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

Ik heb aardig was css doorgelopen en hier en daar wat aangepast en verwijderd.
Helaas ziet het er nog droevig uit :S

Ik heb net even op mijn (wel redelijk oude) iPad gekeken. Ik zag niets wat mij stoorde, 'zielig' was of wat de conversie zou hinderen. De dropwdown zijn inderdaad iets anders, maar ik zou daar geen halszaak van maken. Heb je de cache van jouw iPad geleegd?

Eventueel staan hier wat tips: https://trentwalton.com/2010/07/14/c...it-appearance/

hi, bedankt voor je reactie... ik heb het ook op een virtuele machine geprobeerd saucelabs.com (erg handig)
het gaat met name om het selectieveld en de button...
deze zijn licht transparant en de button is afgerond...
het ontwerp ziet er anders uit dan op desktop of andere devices
ik zal nog een keer proberen :)

Origineel gepost door kevinp

het ontwerp ziet er anders uit dan op desktop of andere devices

Anders, en dus niet precies wat je voor ogen had. Maar het ziet er in mijn ogen wel goed genoeg uit. Alleen de button van de CTA is een beetje flets, die mag opvallender (de 'glans' moet er af).

Ja het lieft wil ik het 'precies' hetzelfde hebben als op alle andere devices... ik weet niet waar het aan ligt :S
ben al mijn css aan het doorlopen en een voor een uit aan het zetten :P

Ungh, Safari. Heb je hier wat aan?

En dan met name:

Code:

input[type=submit] {
    -webkit-border-radius:0px;
}