input、button默认样式

最新推荐文章于 2021-12-09 23:00:14 发布

原创最新推荐文章于 2021-12-09 23:00:14 发布 · 566 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css

本文详细介绍了如何修改HTML input和button的默认样式，包括box-sizing、边框、内边距、圆角和背景颜色的设置，适合前端开发者提升UI设计能力。

修改 input 默认样式

input {
	box-sizing: border-box;
	border: 1px solid #ccc;
	outline: 0;
	-web-kit-appearance: none;
	-moz-appearance: none;
	padding:5px;
	border-radius: 5px;
}

修改 button 默认样式

button {
        box-sizing: border-box;
        border: 1px solid #ccc;
        outline: 0;
        padding: 5px 13px;
        border-radius: 5px;
        background-color: #fff;
    }