HTMLの実装について質問致します。
セレクトボックスを実装したのですが、表示される文字列がEdgeのみ上部が微妙に上部に移動し、文字サイズによっては見切れる場合があります。(Chrome,IEでは問題ありませんでした。ただ、これらは逆にセレクトボックスごと微妙に文字列に対して位置が下方にズレてしまいます)
CSSで文字位置の調整をする方法がありましたらご教授ください。
※なお、BootstrapやCSSには一切手を加えていません。
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8" /> <title>サンプル</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta> <meta name="description" content=""></meta> <meta name="author" content=""></meta> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div th:replace="templates/navibar::navibar"></div> <div id='main' class='container'> <p> <label for="language">言語を選択してください:</label> <select id="language" name="language"> <option value="en">英語</option> <option value="de">ドイツ語</option> <option value="fr">フランス語</option> <option value="ja" selected>日本語</option> <option value="zh">中国語</option> </select> </p> </div> </body> </html>
あなたの回答
tips
プレビュー