0

こんにちは。の使用に問題がありますfont-family:segoe。select dropdownこれselectに適用paddingしている間css、下側からテキストをカットします。下の画像を参照してください

これはMozillaにあります：

モジラ

これはChromeで見ています：

クロム

両方の画像の違いを見ることができます。これを修正するにはどうすればよいですか

または このコードを確認してください：

HTML

<select name="select" id="select" class="selinpt">
    <option value="Promotional/Marketing">Promotional/Marketing</option>
    <option value="Tips and Alert">Tips and Alert</option>
    <option value="Information to registered users">Information to registered users</option>
    <option value="Varification process">Verification process</option>
    <option value="Important notice">Important notice</option>
    <option value="API Integration">API Integration</option>
    <option value="Other">Other</option>
</select>

CSS

.selinpt {
    color: #858585;
    height: 30px;
    padding: 5px 10px;
    width: 404px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
body, input, textarea, select {
    color: #333333;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    font-size: 14px;
}

私を助けてください。私はこれで立ち往生しています。どんな種類の助けも感謝します:-)

4

1 に答える 1

0 
.selinpt {
    color: #858585;
    height: 30px;
    /*padding: 5px 10px;*/
    margin:5px 10px;
    width: 404px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

上記のように、IE、Firefox、および Chrome でテストされているように、パディングをマージンに変更します。

于 2013-05-10T13:46:36.747 に答える