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; }

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

1 个答案: