When attempting to execute this CSS/HTML code (specifically in webkit browsers), it seems to not be functioning as expected. The issue lies with the font in the input box, which is failing to apply the Lato font:
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet'
type='text/css'>
<title>Simple Search</title>
<meta name="apple-mobile-web-app-capable" content="yes"
/>
<link rel="apple-touch-icon-precomposed" href="../ss.png" />
<meta name="viewport" content="width = device-width, user-scalable = no, initial-scale = 0.8">
<style>
.box {
padding:20px;
width:290px;
box-shadow:0px 1px 3px -1px #c3c3c3;
background-color:white;
color:gray;
font-family:Lato;
text-align:left;
}
</style>
</head>
<body bgcolor="#f5f5f5">
<center>
<br>
<div style="position:relative;width:342px;">
<form action="searchcompleted.php" style="display:inline;">
<input name="q" value="Search, or tap the camera" class="box" style="border:0;outline:0;width:340px;color:#A0A0A0;padding-top:15px;padding-bottom:15px;"
onfocus="if (this.value == 'Search, or tap the camera') {this.value = '';}"
onblur="if (this.value == '') {this.value = 'Search, or tap the camera';}">
</form>
<img src="http://i45.tinypic.com/30vkbhj.jpg" style="position:absolute;top:0px;left:278px;opacity:0.4;height:30px;padding:15px;padding-right:17px;"
onclick='void(0);document.getElementById("thisone").click();'>
<form style="display:inline;" action="http://www.simplesearch.com/simpleocr/post.php"
method="post" enctype="multipart/form-data" id="sniff">
<input accept="image/*" type="file" style="display:none;" id="thisone"
onchange='document.getElementById("scan").style.display="block";' name="photo">
<div onclick='void(0);document.getElementById("sniff").submit();' style="position:absolute;top:65px;left:195px;background-color:white;border:0;box-shadow: 0px 1px 3px -1px #C3C3C3;padding:20px;color:#0EBFE9;padidng-left:25px;padding-right:25px;z-index:4;display:none;font-family:Lato;"
id="scan">Touch to scan</div>
</form>
</div>
<br>
<div class="box"></div>
</body>
</html>
Thank you so much for your help!
Edit: Check out the revised version here: