【问题标题】: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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多