jquery - 全屏按钮图像 Jquery Mobile

Question

我正在使用 jQuery Mobile 创建一个应用程序。我想显示全屏按钮图像。按照计划，点击后，它应该转到某个页面。我创建了一个按钮并替换了我的自定义图像。但我无法将其拉伸到全屏。

请帮助我如何去做。

这是我的代码

CSS

.button{
 width:100%;
 background-image: url('home1.png') !important;
 background-repeat: no-repeat;
 background-size: cover;
 }

HTML

<div data-role="content" id="content" >
    <a href="#button1" class="button" data-role="button" data-inline="false">button1</a>
</div>

score 0 · Accepted Answer

尝试设置

display:inline-block;

测试在JsFiddle

很可能 Jquery 正在设置宽度，您可以尝试设置 !important 属性，但如果可以的话，请避免这样做，并且如果您可以尝试避免在背景图像上使用该 !important 属性，则通常建议有是您的 CSS 中进一步的问题

1 回答 1