20

iPhone でデフォルトで適用される input=text フィールドのトップ インナー シャドウを無効にしようとしています。これを行う方法はありますか？-webkit-box-shadow を上書きしようとしましたが成功しませんでした。

代替テキスト http://feedsmanagement.com/example.png

乾杯

4

6 に答える 6

31

-webkit-appearance: none次のようなカスタムボーダーを使用してから適用してみましたかborder: 1px solid black;

現時点ではこれを試すことはできません。

于 2010-05-15T14:21:24.447 に答える
7

背景画像のグラデーションを追加して、内側の影を削除できます。background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(255,255,255)));

于 2011-01-31T09:28:17.647 に答える
2

私はこれと同じ問題を抱えており、スタイルが設定された入力テキストフィールドを表示したいと思っています：影なし。私のソリューション（iPad / iPhoneで完全に機能します）は、完全に透明な背景gifを作成します。そのスタイルを入力フィールドに適用します。私のコードは：

.textBox input {border：none; background：url（../ images / bg_inputFix.gif）; }

-ジャミン

于 2010-06-07T19:17:42.457 に答える
2

背景のグラデーションを実行しましたが、機能しません。そのバリエーションも見つかりました。

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));
}

それもうまくいきませんでした:(

于 2012-05-08T12:10:32.703 に答える
2

今のところ、ジャミンの答えの方が優れていることがわかりました。代わりにメソッドを使用する-webkit-appearance: noneと、iPad でテキストエリア/入力が選択されたときにフォーカス (疑似クラス) スタイルが適用されなくなります。フォーカスされていないテキストエリア/入力が大幅に抑制されるため、フォームのスタイリングが台無しになります。

于 2010-07-23T01:41:16.180 に答える