在移动optomised版本的网站上显示不同的输入文字？

Question

我在我的网站上有一个搜索框。当页面加载时显示在输入中的文本是'搜索网站'。

<input id="keywords" class="text" type="text" name="keywords" value="search the site"> 

我也使用媒体查询移动优化我的网站。对于移动版本，我希望文本为大写'SEARCH THE SITE'。如果我用CSS更改文本显示，那么无论用户输入的内容是否都是大写。有没有解决这个问题的方法？

感谢

Answer 1

正如没有人回答，我不知道任何（非JavaScript或服务器端检测方法），我去说，答案是否定的。