0 
         #allday{
            width: 175px;
            border: 1px solid #e7e7e7;
            font-size: 12px;
            color: #666666;
            height: 22px;
        }

        <select id ="allday" style="">
            <option value = "false">FALSE</option>
            <option value = "true">TRUE</option>
        </select>

セレクトの位置がFireFoxよりもGoogleChromeで少し高く見える理由を誰かが知っていますか？

4

1 に答える 1

2

ブラウザには、HTML要素に対して事前定義されたCSS値があります。特定のCSSルールを指定しない場合、ブラウザーは、（必要に応じて）どのように見えるかを「考える」ために独自のルールを設定します。たとえば、<div>要素を作成してもルールを指定しない場合display:、GoogleChromeは自動的にその要素をに設定しdisplay: block;ます。

いずれの場合も、inspect要素を使用して、計算されたスタイルでブラウザーが異なる場所を見つけてください。これらはブラウザから挿入された値であるため、 User-Agentスタイルシートに注意してください。

コメントにもあるように、CSSRESETも役立ちます。

于 2012-12-16T08:30:13.043 に答える