212
131

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

button要素のcssをリセットしたい

Last updated at Posted at 2016-02-09

セマンティックなhtmlを書く上でリンクではないクリッカブルな要素はbuttonで書きたい衝動にかられると思います。

まぁaタグでもいいんですがbuttonタグを使いたい時にブラウザ標準のスタイルが当てられると最高にダサいので、リセットしてから独自のcssを当てましょう。

style.css
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
212
131
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
212
131

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?