J'essaie de désactiver l'ombre interne supérieure dans le champ de texte input =, qui est appliqué par défaut par l'iPhone. Des idees pour faire cela? essayé d'écraser -webkit-box-shadow sans succès.iPhone web app - type = texte problème d'ombre interne
alt text http://feedsmanagement.com/example.png
acclamations
Avez-vous essayé d'utiliser -webkit-appearance: none puis d'appliquer une bordure personnalisée comme border: 1px solid black;
Je ne peux pas essayer cela à ce moment.
merci, fonctionne très bien – Marcin
Cela ne marchait pas pour m e pour masquer complètement la zone de saisie –
Parfait! Merci. –
J'ai eu ce même problème, voulant afficher les champs de texte de style qui sont dénommés: SANS les ombres. Ma solution (fonctionne parfaitement sur iPad/iPhone) rend le fond gif totalement transparent. Appliquez ce style à votre champ de saisie. Mon code était:
.textBox entrée { bordure: aucune; arrière-plan: url (../ images/bg_inputFix.gif); }
-Jamin
Je trouve que la réponse de Jamin était mieux pour l'instant. Si j'utilise la méthode -webkit-appearance: none à la place, sur l'iPad, il n'applique plus mes styles de mise au point (pseudo-classe) lorsqu'une zone de texte/entrée est sélectionnée. Cela gâche un peu le style de ma forme parce que les zones de texte/entrées non mises au point sont considérablement réduites.
Et la raison pour laquelle je n'ai pas fait de commentaire sur le post de Jamin ou pour voter parce que je n'ai pas encore de "réputation"! : \ –
Vous pouvez ajouter un dégradé d'image d'arrière-plan pour supprimer l'ombre interne; background-image: -webkit-gradient (linéaire, 0% 0%, 0% 100%, de (rgb (255,255,255)), à (rgb (255,255,255)));
Bonne idée! A travaillé pour moi! – Andy
C'est la meilleure réponse qui n'interfère avec aucun autre style. Par exemple, l'apparence -webkit: caret; va gâcher la plupart des autres styles que vous avez déjà assignés. –
Celui-ci ne supprime que ce qui a été demandé (ombre), au lieu de changer complètement le style, "apparence: caret" par exemple ne vous permet pas d'utiliser des bordures ... – miguelmpn
Je ne le gradient de fond et le travail ne marche pas, j'ai aussi trouvé une variante de celui-ci:
input[type='text']{
-webkit-border-radius: 0;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
et qui n'a pas fonctionné non plus :(
-webkit-appearance:caret;
devrait supprimer tout simplement l'encart ombres sur vos entrées
vraiment pas d'idées ?? ... – Marcin
Merci pour l'affichage, a également eu le même numéro –