質問: ### 前提・実現したいこと ` ``` ``` ``` .document-btn a{ background-color:#eee; display:block; width:100%; font-size:28px; padding:8px 40px; text-align:center; } ``` ### 試したこと block要素にして、widthを100%にすればできると思ったんですが、できませんでした。今は文字の上しかクリックできないんですが、どうしたら背景色全体をクリックできるようにできるでしょうか ### 補足情報(FW/ツールのバージョンなど) Google Chrome の バージョン: 70.0.3538.102(Official Build) (64 ビット)です
回答: それができんということはかなり古いIEをお使いですかね モダンブラウザなら大体意図した通りになります 正直それができないバージョンのIEなんて切り捨てていいと思うんですが 一応回避策的なことを書いておくと ``` .document-btn a{ .... position: relative; overflow: hidden; } .document-btn a::before{ content: ' '; font-size: 100em; position: absolute; top:0;bottom:0;left:0;right:0; margin:auto; } ``` 全くきれいじゃないやり方ですが 一応これでaタグの領域全体が反応するようになるはず 個人的には切り捨て推奨