0

テキストが入ったボックスがあるサイトがあります。Chromeで表示すると、その右上にあるので、padding-topChromeで正しく整列する要素にcssルールを挿入しましたが、Firefoxでは、テキストは最初は正しく中央に配置され、cssルールはそれを台無しにします。どうすれば（できればサーバーにブラウザ検出器を使用せずに）テキストをクロムで埋めるようにコーディングできますが、Firefoxでは埋められませんか？

編集：

.footer input[type="submit"]
{
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    height: 35px;
    padding: 9px 10px;
    margin: 0px;
}
4

3 に答える 3

3

私の提案は、CSSリセットを利用して、ブラウザー間の違いを取り除くことです。特定のコードを見ずに、これで問題が100％修正されるかどうかはわかりません。

于 2012-07-25T17:50:41.520 に答える
1

気になるのが2つのブラウザだけの場合は、Chrome専用のWebkit固有のCSSを追加できます。したがって、あなたの例では、padding-topChrome用に追加のものが必要です-webkit-padding-before。これにより、パディングはWebkitブラウザー（Chrome、Safariなど）にのみ適用され、Firefox、IE、またはOperaには適用されません。

ただし、最善の策は、CSSリセットを適用してから、すべてのブラウザーで同じスタイルにすることです。それがオプションでない場合は、上記のように特定のエンジン（Webkitなど）をターゲットにすることができます。ただし、これは「ベストプラクティス」として推奨または考慮されていません。

于 2012-07-25T17:51:02.560 に答える
-1

このコードで（少なくとも今のところは）修正しました

padding: 8px 10px 6px;
-webkit-padding-after: 8px;

参照ありがとうございRoddy of the Frozen Peaますwebkit

于 2012-07-25T18:01:35.840 に答える