userChrome.css・userContent.cssスレ Part14 (923ﾚｽ)
上下前次1-新
抽出解除 必死ﾁｪｯｶｰ(本家) (べ) 自ID ﾚｽ栞 あぼーん
911: (ﾜｯﾁｮｲ 8774-Bd2j) 07/23(水)02:48 ID:Be3N66mL0(1/2)調 AAS
これは流石の皆さんも解決無理そうと思った難題を発見しましたorz
https://gamewith.jp/shadowverse-wb/507139
のフォーム群ですが、いつもプルダウン系に悩まされます
インラインフレームの次に苦手ですね
今回も、class値w-sv-filter-form-range-column>._select>.select>optionにおいて、文字サイズに伴う行間を狭く出来ませんでした
プルダウン内のline-heightに相当する部分ですね
font-sizeを変更することで、一定の間隔（paddingのような余白）を保ちながら表示全体を小さくすることは可能です
しかしそれでは視認性も悪くなるため、font-sizeを大きめに維持しながら行間≒上下のpadding風余白だけ削りたく思います
例えばgoogleやamazonの入力フォーム及び予測変換プルダウンなどは、マウスオーバーに近いおかげか変更し易い設計となっております
プルダウンにも似たようなコード例の場合はありますが、体感で世の中の半数以上が今回のように指定出来ないものの様に思えます
インラインといい埋め込みタイプ的なものの特性でしょうか（マジギレ！）
お詳しい方よろしくお願いいたしますorz
913: (ﾜｯﾁｮｲ 8774-Bd2j) 07/23(水)07:20 ID:Be3N66mL0(2/2)調 AAS
うーん・・・やはりサイト単位ではなく、ブラウザの挙動そのものを強制的に改変しないと駄目そうですか・・・
まあ、私もネット黎明期の、Web言語兼html主流時代にHPを作成した頃、その時代から既にプルダウン選択式といったような雛型を当該箇所へ埋め込むものでしたからね・・・
シンプルであればあるほど既製品を使うような感じになってしまうのでしょう
残念ですが見送りたいと思います
ぶっちゃけ多用するものでもありませんし、そういうものだと思って諦めます（サイズ9程度で運用します）
お手数をかけましたm(vv)m
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.373s*