CSSで質問です。

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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/01/14 22:23:17
  • 終了:2014/01/21 22:25:04

回答(1件)

id:u_7cc No.1

7cc回答回数32ベストアンサー獲得回数142014/01/15 03:57:23

ポイント200pt

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

詳細は置換要素 - CSS | MDN

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

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

id:makocan

なるほど。。cssを分けるとかしないと無理そうですね。。

2014/01/15 11:54:49
  • id:tukihatu
    回答出ている通り同じにできないのでaかinputかで統一するのがいいです。
    CSSを分ければ近いものにはできますが、ブラウザによってinputの扱いに少し差があるので完全に同じにはできませんね。
  • id:makocan
    何だか、ややこしいんですね。。。
    ありがとうございます。
  • id:makocan
    何だか、ややこしいんですね。。。
    ありがとうございます。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません