2

私はselectに次のcssを使用しています：

select{
    border: 1px solid #707A68;
    border-radius: 4px 4px 4px 4px;
    margin: 0px 0 5px;
    padding: 8px 10px;
}

境界線の半径はIEで機能せず、私はそれで問題ありませんが、パディングもレンダリングされません。回避策はありますか、それとも何か間違ったことをしていますか？ChromeとFFで正常に動作します

これは、ページ上のコード全体です。

<input type="text" placeholder="Hello World" />
<select>
<option> Option one</option>
    <option> Option two</option>
</select>

<style>
select{
margin-top:20px;
margin-left:20px;
display:block;
padding:20px;

}
</style>
4

4 に答える 4

3

ついに答えが見つかりました！追加する必要がありました

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

私のコードに！

于 2012-05-03T18:35:46.897 に答える
1

このcssをすべてのブラウザに使用します+

<select>
<option> Option one</option>
    <option> Option two</option
</select>

select{
margin-top:10px;
    margin-left:10px;
        display:block;
    padding:5px;
    border:1px 5px #000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

}
于 2013-12-07T23:30:28.880 に答える
0

IE8でテストし、パディングを取得したため、どのバージョンのIEを使用していますか？

ここに画像の説明を入力してください

-ms-border-radius: 4px;少なくともIE9とIE10では、境界半径を取得することができます。

于 2012-05-03T07:45:08.580 に答える
0

<select>はインライン要素であり、インライン要素にパディングを適用する場合は、display：blockを追加する必要があります。これはブロック要素になります。IE8でテスト済み。

フィドル： http： //jsfiddle.net/Qs3E8/4/

于 2012-05-03T08:11:33.463 に答える