37

どのような CSS または属性の組み合わせが必要ですか?

4

3 に答える 3

31
  • 実際のコントロールを隠す
  • その上に必要なコントロールとスタイルで DIV を作成しました

ボタンは標準の HTML コントロールではありません。

参照: http://www.quirksmode.org/dom/inputfile.html

于 2008-11-06T17:48:28.990 に答える
22

どうしたの

<input type="file" size="50" .... />

? Macのサファリを除いて同じに見えるでしょう（Macでは、すべてのアップロードコントロールがすべてのブラウザで異なって見えます）

于 2008-11-06T20:43:29.947 に答える
7

quirksmode チュートリアルに加えて、別の優れたリソースがあります: http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom

実際のコントロールを隠している場合は、コントロールの不透明度をゼロに設定することが非常に重要であり、実際には を使用しないことに注意してvisibility: hiddenください。これを行うと、実際には要素が非表示になり、クリック アクションが無効になります。

また、コントロールをグラフィック ボタンで覆い隠している場合は、一部のブラウザー (Firefox と IE だと思います) では、カーソルがテキストの上にあるときにカーソルの種類を手に変更できないことに注意してください。ファイル コントロールの入力部分 (常にデフォルトで入力または通常の非リンク ポインターになります)。はい、私はcursor: pointer(and cursor: hand) を使用してみました。

個人的には、カスタマイズされたアップロード ボックスに苦労してきました。外観やカスタマイズを完璧にするための特効薬はありません。（特に、カーソルの動作に関して、UIの契約を破るものと考えています）。結局のところ、ブラウザーが異なればコントロールの表示方法も異なることを受け入れるほうが簡単だと思います。

于 2008-11-06T22:58:29.877 に答える