人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSで質問です。
aタグとinput type="submit" で同じCSSを割り当てているのですが、
width、height、paddingの扱いに誤差があるように思えます。
これを解消するにはどうすればよいでしょうか?
※displayにはinline-blockを指定してます。

●質問者: makocan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 7cc
●200ポイント

残念ながら、同じ表示にすることは不可能です。
inputは「置換要素」に分類されます。
置換要素はCSSで自由に見た目を変えることができません。

詳細は置換要素 - CSS | MDN

どうしても同じにしたいなら

  1. inputで画像を使用する(background-image)
    画像での方法はサイズなどによってうまくいかないかもしれません。
  2. div role="button" + submitはスクリプトで行う
    role属性を使います。role属性については「WAI-ARIA role button」などで検索してください。


makocanさんのコメント
なるほど。。cssを分けるとかしないと無理そうですね。。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ