标题中的 JQuery Mobile 1.4 图像按钮

【问题标题】：JQuery Mobile 1.4 img button in header标题中的 JQuery Mobile 1.4 图像按钮
【发布时间】：2015-05-04 13:55:17
【问题描述】：

我正在尝试在标题中放置一个 img 链接，但无法正确缩放。该按钮仅显示标题高度的一半，我希望 img 也可以缩放到按钮的大小。我该怎么做？

还有谁能告诉我在使用 jquery mobile 时如何更改输入的占位符文本的颜色，使用 jquery mobile 时通常的解决方案似乎不起作用。谢谢

<a href="#" data-theme="c" class="ui-btn"><img id="immo"  class="ui-btn-left" src="http://domaingang.com/wp-content/uploads/2012/02/example.png"/></a>

https://jsfiddle.net/1gqkon0z/

【问题讨论】：

标签： html css jquery-mobile

【解决方案1】：

对于占位符 css：

::-webkit-input-placeholder {
   color: red;
}   
:-moz-placeholder { /* Firefox 18- */
   color: red;  
}    
::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}    
:-ms-input-placeholder {  
   color: red;  
}

对于图片按钮，如果你想使用img元素而不设置按钮的背景图片，只需设置图片大小即可：

<a  href="#" data-theme="a" class="imgLink" ><img id="immo"  src="http://domaingang.com/wp-content/uploads/2012/02/example.png"/></a>

.imgLink {
    padding: 4px 12px;
}
.imgLink img {
    width: 21px;
    height: 21px;
}

更新FIDDLE

【讨论】：