記事閲覧

− 野ざらし言 −

6176 Re^2: ブラウザごとの対応

めざら 2025/10/31(Fri) 17:54 [6173]へのコメント
http://mezala.la.coocan.jp/
ふうむ……確かに Chrome系(Chrome,Edge,Brave)はすべて textarea のフォントが小さくなっていますね。Opera も同様なので,Firefox だけが異端のように見えてしまいますなあ……。

ちょっと不思議に思われるのは,「返信フォーム」のすぐ上の罫線から textarea の天井までは Fx を含めてみな同じ高さなのですが,Fx だけ文字が比較的くっきりと見やすいこと。他は「通常モード」とかの太字がにじんでいるようにも見えます。コンマ以下のわずかなポイントの違いか,ボールドのウェイトが少し違うということなのでしょうか。もしかして Opera も Google の軍門に降っているのではあるまいか……。

ますます Fx が好きになっちゃうかも。

まぁ,それはともかく見栄えが違うのが問題というよりも,意図しない小さな文字で表示されるのはアクセシビリティ上も好ましくないので,親要素のフォントサイズなどを継承させるよう,font-size: inherit; font-family: inherit; をフォーム関連の要素に指定してみました。

参考にしたのは,https://www.curict.com/item/9f/9fbb57a.html
inherit という値については,ほとんどの要素に適用可能なため,参考書でもいちいち書いてなかったりする。すっぱり忘れていました。

関連記事一覧ツリー (▼ を押すとツリー全体を一括表示します)

- 6057.ツール探してます - 文太 25/10/08-17:53

返信フォーム (この記事に返信する場合は下記フォームから投稿して下さい)

おなまえ :
Eメール :
タイトル :
メッセージ: 通常モード(推奨)  整形モード(非推奨)  preモード(空白再現)
※ プログラムコード等を含まない場合は,できるだけ通常モードをご利用ください。

参照先 :
暗証キー: (英数字で8文字以内) プレビューなし


- 以下のフォームから自分の投稿記事を修正・削除することができます -

処理 記事No. 暗証キー