1

これは私を悩ませています...ファイルタイプの入力HTMLオブジェクトを持つ単純なHTMLページがあります-以下のコード行を参照してください：

<table>
    <tr><td><input type="file" id="file" name="file" class="textbox" size="75" /></td></td>
</table>

私のCSSファイルには次のものがあります。

input.textbox{padding:10px;font-size:14px}

パディングはIE9では正常に機能しますが、Mozillaでは機能しないようです。Mozillaで考慮に入れる必要のある考慮事項はありますか？

どんな助けでも大歓迎です。ありがとう！

td代わりに、囲んでいる要素にパディングを設定してください。ファイル入力ウィジェットは、ブラウザーに特別でさまざまな方法で実装されており、CSSの影響を部分的に受けない場合があります。

4

2 に答える 2

2

私が見た中で最良の解決策はここにあります：http ：//www.quirksmode.org/dom/inputfile.html 。ファイル入力のスタイルはブラウザ間で一貫していないことで有名なので、HTMLで少しハック作業が必要です。

于 2012-06-18T17:28:44.153 に答える
2

td代わりに、外側の要素にパディングを設定してください。ファイル入力ウィジェットは、ブラウザーで特別なさまざまな方法で実装されており、部分的に CSS の影響を受けない場合があります。

于 2012-06-18T17:25:01.873 に答える