ブラウザスタイルの概要をクリア

644 ワード

1.aラベルの下線をクリアする
a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

hoverを付けるときに下線を表示することをお勧めします.リンクと普通のテキストを区別しやすいです.
2.ul,olリストスタイルをクリアする
ul{
    list-style: none;
}

ol{
    list-style: none;
}

3.textboxをクリアしてフォーカス取得時の輪郭
input[type="text"]{
    outline: none;
}

4.buttonがフォーカスを取得したときの輪郭をクリアする
button[type="button"]{
    border: 1px solid silver;
    outline: none;
}

button[type="button"]:active{
    background-color: silver;
}

Activeを追加するときのスタイルで、クリックと非クリックの状態を区別します