Search jQuery

jQuery Forum

in jQuery Mobile • 11 years ago

Forms have a slightly darker background color than the rest of the page. See here: http://barbalex.iriscouch.com/evab/_design/evab/index.html

Weird enough, this does not seem to happen on the demos.

So far I haven't tweaked the css.

Can anyone help?

Here's the html I use on above page:

<body>
<div data-role="page">
<div data-role="header" data-backbtn="false">
<h1>anmelden</h1>
</div>
<div data-role="content">
<p style="text-align: center"><b>EvAB</b> = <b>E</b>rfassung <b>v</b>on <b>A</b>rt-<b>B</b>eobachtungen</p>
<form id="LoginForm" action="#" method="get" autocomplete="on">
<div data-role="fieldcontain">
<label for="UserName">Name:</label>
<input id="UserName" name="UserName" type="text" autofocus required/>
</div>
<div data-role="fieldcontain">
<label for="Passwort">Passwort:</label>
<input id="Passwort" name="Passwort" type="password" required/>
</div>
</form>
<p style="text-align: center">Sie sehen nur die eigenen Beobachtungen. Darum brauchen Sie ein Konto.</p>
<p style="text-align: center">Diese App ist in Entwicklung. Vorläufig können Sie gerne mit Name "z" und Passwort "z" anmelden und alles ausprobieren.<br>Ihre Daten werden aber vor der Veröffentlichung gelöscht!</p>
<p style="text-align: center">Ich freue mich über Rückmeldungen: <a href="mailto:alex.barbalex@gmail.com">email senden</a></p>
<p style="text-align: center"><a href="http://www.barbalex.ch/news/latest/evabmobile/">mehr Infos hier</a></p>
</div>
<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="#" id="SubmitButton" data-icon="check" class="ui-btn-active">anmelden</a></li>
<li><a href="Signup.html" id="SignupButton" data-icon="plus" rel="external">Konto erstellen</a></li>
</ul>
</div>
</div>
</div>
</body>