1.insetとoutsetの組み合わせのbuttonを作成
2.html
<table> <tr> <td class='v'> <span> <button id='select'>Select </span> </td> </tr> </table>
3.css
table td.v span { border: 1px inset #ffffff; margin : 0px; border-radius: 3px; padding: 18px 0 18px 0; }
4.firefox
・firefoxではレイアウトが崩れるので、下のように補正を入れる
18px -> 19px
@-moz-document url-prefix() { table td.v span { padding: 19px 0 18px 0; } }