search
LoginSignup
119
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

posted at

updated at

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

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

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

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

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
What you can do with signing up
119
Help us understand the problem. What are the problem?