CODEWITHSUNDEEP
iosiphonewebkit
Jessica
Jessica

Reputation: 2061

Change mobile Keyboard colour from website?

I am developing a website that has a dark background colour.

I know there is a way to natively change the keyboard colour with Swift. For example, like this:

enter image description here

Is there anyway to achieve this same result using CSS or JS when iOS/Android users open my website in a browser?

Upvotes: 3

Views: 351

Answers (1)

Max Alexander Hanna
Max Alexander Hanna

Reputation: 3871

I have seen them do this on the wordle game : https://www.nytimes.com/games/wordle/index.html

I believe the only solution to doing this is to have CSS detect if the screen is a certain width, say between 300 and 1024 (to include tablets) and display your own keyboard that you design with javascript/css on the screen. Have whatever input you target preventDefault, that way the keyboard wont natively come up. That simulates an android/iphone keyboard, only downside is you have to design the keyboard entirely yourself ;)

Upvotes: 0

Related Questions