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

【问题标题】：Removing select effect from jQm textbox从 jQm 文本框中删除选择效果
【发布时间】：2015-05-28 12:53:48
【问题描述】：

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

【问题讨论】：

【解决方案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

【讨论】：