Form input's are not showing in Firefox browser? - html

I designing the UI for web site and i created the login and signup page. this page i can clearly see all input's in chrome browser as i design but in Firefox browser can't see that input's, It's showing like blank form. I can't understand what's that issues please advice me or give a solution how to fixed this issues? I'll upload my images for reference..
This is Chrome Browser
This is for Firefox browser

Related

Differences between Desktop Wordpress dev console and iPhone Safari browser window

I'm having a problem with Wordpress. I've styled my website in the customize console in Wordpress on my Desktop, but when I open it with my iPhone (can't confirm if this is happening with other mobile browsers) there is this gray border on the outside of the block. Here's a screenshot:
https://imgur.com/a/A3nEgTy
I can't find any information about this or find anything about other people having this issue. Is there some way to access the source code or Inspect tool in mobile Safari? Just trying to make the block fill the screen.

HTML page link odd behaviour

I have a simple website containing 3 HTML pages but sometimes internal links on IOS Safari doesn't work correctly. Rather than rendering the page, it displays the 'Open in "Drive" screen with options to save page as a document. When I refresh the page it renders correctly again. This usually when I navigate around the pages quickly and I am not sure why this odd behavior and how to fix.
See a screenshot here https://ibb.co/bXxzZTS
Not sure if it is related but the DNS is via CloudFlare (Free) and the pages are really fast (as it's just HTML, CSS and JS).
I have only seen happen on iPhone Safari. Other devices I have checked on include iPad, MacBook, PC running browsers Chrome or Safari are all OK.
Additionally, I tried using URL with and without full domain with the same result.
I just expect the page to render as an HTML page.

Website not displayed properly in Safari

My website www.dshinestudio.com is not displaying properly in Safari, but it is displayed correctly in Chrome, Firefox, Opera and other browsers.
Why isn't Safari displaying my website properly?
Do I need to add anything in my code?
Some Safari extensions that block ads or other website content can prevent some page elements from displaying. You can temporarily turn off extensions, then re-load the page to see if this is the issue.
Choose Safari > Preferences.
Click Extensions.
Select an extension, then deselect the checkbox "Enableā€¦ extension." Repeat this step for every extension that's currently installed.
Reload the page by choosing Choose View > Reload in Safari. If the webpage loads correctly, one or more extensions was blocking the content from loading. Re-enable an extensi

Can't click anywhere on my website from iPhone

I have one problem with my web site, if i open the website from any android device, everything is fine and the page work normal. But if i open the web site from my iPhone or any other iPhone (didn't try with other ios devices) i see the webpage, but i can't click anywhere. Can't click on links, button, input fields, images, can't select text or any other content in the page. It's like the page is one big image and can't do nothing there. I try with different browsers (safari, mozilla, chrome) from the iPhone and it's all the same. I don't know what to search exactly... If you need HTML or CSS code i can give you, but i have no idea where to start looking/fixing this problem or what cause it.

Chrome not displaying text until I interact with console

The site in question is thegreengoddessboutique.com
On the site in Chrome, text is not displaying on first load (or after ctrl 5).
If I open the console with inspect element, and interact with html tab at all though, the text displays.
The other browsers have no issues and I cannot think of any javascript that would be causing this issue.
Does anybody have a hint as to what the trouble could be?