input、button默认样式

原创于 2021-06-05 09:14:49 发布 · 551 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改 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;
    }