清除浏览器样式总结

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时候的样式,区别点击和非点击状态

你可能感兴趣的:(清除浏览器样式总结)