この Web サイトではフローティング タグを使用しています。 コードを少し変更して、入力と選択を 1 行にまとめました。 Edge バージョン 114.0.1823.67 と Chrome バージョン 114.0.5735.199 では、ベースラインの垂直位置が異なります。 Firefox バージョン 115.0 では、ベースラインの垂直位置は同じになります。 コード:
リーリー リーリー
vertical-position:bottom で解決しようとしましたが、残念ながら成功しませんでした。
P粉6775730792023-09-10 00:06:51
select 挑戦的なスタイルで有名。そうは言っても、パディングを変更しました - ブラウザー固有のスタイルを行う必要がある場合もありますが、ここではパディングを変更しただけです: padding: 1.225em 0;
FWIW 私は脳が物事を処理しやすくするために em を使用しています。
更新: X と Y の配置でラベルとフィールドを行の同じ位置に配置するため、一連のグリッドを使用する完全に異なる代替案。行/列に名前を付けて使用していることに注目してください。 一部のラッパーとクラス (CSS を変更せずに要素タイプを変更できるように、CSS スタイルで要素タグを使用するのは好きではありません)