こんにちは。の使用に問題があります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;
}
私を助けてください。私はこれで立ち往生しています。どんな種類の助けも感謝します:-)