Удаление эффекта выбора из текстового поля 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