css - 删除 jQuery Mobile 中的文本框阴影有问题吗？

Question

我的页面中需要一个隐藏的文本字段，所以我创建了一个隐藏样式的文本框。它不可见，但阴影隐藏了。我们怎样才能去除阴影。任何建议。

<input class="noshadow" type="text" value="text" style="display:none;"/>

CSS

.noshadow {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

截图:

Answer 1

只需在输入中添加 data-role="none"即可:

<input data-role="none" type="text" value="text" style="display:none;"/>

这会阻止 jQM 增强输入，它会真正被隐藏。

更好将输入类型更改为隐藏:

<input  type="hidden" value="text" />