Ich versuche, oberen inneren Schatten in Eingang zu deaktivieren = Textfeld, das standardmäßig von iPhone angewendet wird. Irgendwelche Ideen wie man das macht? habe versucht, -webkit-box-shadow ohne Erfolg zu überschreiben.iPhone Web App - Typ = Text innere Schatten Problem
alt text http://feedsmanagement.com/example.png
prost
Haben Sie -webkit-appearance: none dann Anlegen einer benutzerdefinierten Rahmen wie border: 1px solid black;
mit habe ich versucht, kann dies in diesem Moment nicht ausprobieren.
danke, funktioniert super. – Marcin
Dies hat nicht funktioniert für m e das Eingabefeld vollständig zu verstecken –
Perfekt! Vielen Dank. –
Ich hatte das gleiche Problem, Eingabe Textfelder anzeigen möchten, die styled: OHNE Schatten. Meine Lösung (funktioniert perfekt auf iPad/iPhone) machen Hintergrund gif, das völlig transparent ist. Wenden Sie diesen Stil auf Ihr Eingabefeld an. Mein Code war:
.textBox Eingabe { Grenze: keine; Hintergrund: URL (../ Bilder/bg_inputFix.gif); }
-Jamin
fand ich, dass Jamin Antwort besser war für den Moment. Wenn ich stattdessen die Methode -webkit-appearance: none verwende, wendet sie auf dem iPad nicht mehr meine Fokus (Pseudoklassen) -Stile an, wenn eine TextArea/Eingabe ausgewählt wird. Es ruiniert irgendwie mein Form-Styling, weil Textareas/Inputs, die nicht im Fokus stehen, deutlich gedämpft sind.
Und der Grund, warum ich Jamin's Beitrag nicht kommentiert habe oder ihn abgelehnt habe, ist, dass ich noch keinen "Ruf" habe! : \ –
Sie können einen Hintergrundbildgradienten hinzufügen, um den inneren Schatten zu entfernen. Hintergrundbild: -Webkit-Gradient (linear, 0% 0%, 0% 100%, von (rgb (255,255,255)), bis (rgb (255,255,255)));
Tolle Idee! Arbeitete für mich! – Andy
Dies ist die beste Antwort, die kein anderes Styling stört. Zum Beispiel das -webkit-Aussehen: Caret; wird die meisten anderen Stile, die Sie bereits zugewiesen haben, vermasseln. –
Dieser entfernt nur, was gefragt wurde (Schatten), anstatt den Stil komplett zu ändern, lässt "Aussehen: Caret" zum Beispiel keine Grenzen verwenden ... – miguelmpn
ich den Hintergrund Steigung haben und es funktioniert nicht, ich fand auch eine Variation davon:
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));
}
und das hat nicht funktioniert entweder :(
-webkit-appearance:caret;
Sollte nur den Einsatz entfernen Schatten auf Ihren Eingaben
wirklich keine Ideen ?? ... – Marcin
Danke für die Veröffentlichung, hatte auch das gleiche Problem. –