css button-like link

bg

cakephpで生成したリンクにpaddingを足してbuttonのように文字以外をクリックしてもlink(action)に飛べるようにしたかったが，なかなかlinkのpaddingのクリックを有効化できなかった．

solved

• CSSをaに当てた
• 今までは要素自体に当てて，リンクのaに当てていなかったからダメだったようだ．

before

.new {
  text-decoration: none;
  background: #aaa;
  color: #000;
  padding: 10px 40px;
}

after

.new a {
  text-decoration: none;
  background: #aaa;
  color: #000;
  padding: 10px 40px;
}

https://codepen.io/KAEDE0902/pen/jOOYmRd