从jQm文本框中删除选择效果

Question

我创建了两个文本框。文本框上方显示浅灰色阴影。我无法删除效果。我在我的项目中使用了jQm CSS文件。 以上是我的截图。

Answer 1

关注输入时的阴影效果来自ui-focus css类

-webkit-box-shadow:0 0 12px #38c;
-moz-box-shadow:0 0 12px #38c;
box-shadow:0 0 12px #38c 

如果你想摆脱阴影，只需覆盖类：

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

如果您在文本框未聚焦时不喜欢小插入阴影，则可以覆盖ui-shadow-inset类：

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

  

<强> DEMO