如何更改jQuery Mobile页面上的占位符字体？

Question

在一个jQuery Mobile的页面，我有以下几点：

<input name="SearchCriteria" id="SearchCriteria" value="" 
     placeholder="Case Number, Caption, Client, Firm or Claimaint." /> 

我试图减少占位字体有点..我已经试过this的答案，但它似乎并没有在做任何事情jQuery Mobile页面。

我是否缺少一些简单的东西？

Answer 1

你可以试试这个，但是如果你正在手机上测试它，请尝试不同的浏览器。由于某些移动浏览器非常有限。请务必首先尝试在手机附带的原始浏览器上显示它的外观。

/* all */ 
::-webkit-input-placeholder { color:#f00; } 
::-moz-placeholder { color:#f00; } /* firefox 19+ */ 
:-ms-input-placeholder { color:#f00; } /* ie */ 
input:-moz-placeholder { color:#f00; } 

/* individual: webkit */ 
#field2::-webkit-input-placeholder { color:#00f; } 
#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } 
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } 

/* individual: mozilla */ 
#field2::-moz-placeholder { color:#00f; } 
#field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } 
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }