私はCSSボックスシャドーを使って赤い輝きを追加して、間違って塗りつぶされたフィールドを形成しています。ファイル入力フィールドに問題があります.Firefoxでは、ブラウズボタンの周囲にグローが広がり、デフォルトの枠線も削除できません。スタイリング入力タイプ= "ファイル"とボックスシャドウ
CSSでこれを実現する方法はありますか？
ありがとうございました。
HTML
<input type='file' id='userfile' name='userfile' maxlength='80' class='form-input'/>
CSSクラスが割り当てられている
.field-error { -webkit-box-shadow: 1px 1px 5px 5px #ff0000; -moz-box-shadow: 1px 1px 5px 5px #ff0000; box-shadow: 1px 1px 5px 5px #ff0000; border: none; }
：
またはjQueryの代替を使用します。私はあなたがこの記事を見てお勧めしますこれは、しかし、あなたは一種のファイル要素の周りにdivを作成してdivにボックスシャドウを与え、幅を使用しますこれを回避するには、firefoxのみで動作しますが、chromeはファイルのアップロード要素を表示する方法が異なります。
たとえば、次のようなものです。this
いつかAG - ここ
は一例ですo型ファイルの入力にも同様の問題がありました。これは私が見つけることができる最高です： http://www.quirksmode.org/dom/inputfile.html私はあなたに役立ちます。
アップデート：私はボタンはCSSの操作に完全にアクセスできなくなり、「ブラウズ」を知っている限りでhttp://www.appelsiini.net/projects/filestyle
：スタイルの入力フィールドにjQueryプラグインもあります。あなたはこの問題を克服するためにいくつかのトリックが必要です。これは、達成するための標準的な方法ではありませんが
ありがとう、これらは役に立つリンクです。私がやろうとしていたものではありませんが、将来役立つでしょう。 – Tom
ありがとう、私はこのアイデアを取って、いくつかの詰め物を持ち、フィールド全体を回るdivを作成しました。これまでのところFirefoxとChromeで仕事をしているようだ。 – Tom