删除jquery mobile中的文本框阴影的问题?

时间:2014-07-12 17:49:55

标签: css css3 jquery-ui jquery-mobile

我的页面中需要一个隐藏的文本字段,因此我创建了一个隐藏样式的文本框。它不可见,但阴影正在隐藏。我们怎样才能删除阴影。任何建议。

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

截图:

enter image description here

2 个答案:

答案 0 :(得分:0)

只需添加data-role =&#34; none&#34;输入:

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

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

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

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

答案 1 :(得分:0)

看来阴影不是你的问题,而是另一个项目的显示。使用检查工具查看它,看看输入是什么。