zone d'ombre sur un ipad / safari

Je vais avoir de la difficulté à l'ajout de la belle ombre sur l'objet pour une zone de saisie sur mon ipad pour safari.

Voici mon code

/* remember to define focus styles! */
:focus {
    outline: 0;
}    
input[type=text]{
        width: 494px;

        height: 44px;
        line-height: 44px;
        font-size: 24px;
        border: 2px solid #666666;
    }
    input:focus{
      -webkit-box-shadow:0 0 15px #ffffff;
       -moz-box-shadow: 0 0 15px #ffffff;
       box-shadow:0 0 15px #ffffff;
    }

Je suis à l'aide d'eric meyer à zéro.
Je veux qu'elle ressemble à ceci:
zone d'ombre sur un ipad /safari

Des idées?

Merci les gars.

Jason

InformationsquelleAutor Jason | 2010-10-10
  1. 43

    J'ai le même problème mais j'ai trouvé la solution:

    -webkit-appearance: none;

    Toutefois, il ne fonctionne pas quand il y a un encart de l'ombre.

    • Je confirme, cela fonctionne pour boîtier encastré ombres sur les champs de saisie de texte sur iPad 3 Safari.
    • parfait, merci! semble bizarre hack si..?
    InformationsquelleAutor Thai
  2. 5
    <input type="text" name="success" value="fail">

    Pas de dés de personnes, l'ipad n'a pas obtenu de soutien pour ce qui est inutile, chrome est!

    Mise à jour:

    -webkit-appearance: none; FTW

    InformationsquelleAutor Jason
  3. 2

    Dans mon cas, le paramètre border-radius résolu mon problème.

    border-radius: 1px;
    • C'est en fait la seule solution qui a fonctionné pour moi pour l'iPhone 6plus.
    InformationsquelleAutor Balram Singh