CSS 样式代码:重置表单样式 (gui 类)
. gui { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333333; }
.gui input[type='text'], .gui input[type='email'], .gui input[type='password'], .gui textarea { display: block; width: 100%; padding: 8px; font-size: 16px; line-height: 1.5; border: 1px solid #cccccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 16px; }
.gui input[type='text']:focus, .gui input[type='email']:focus, .gui input[type='password']:focus, .gui textarea:focus { outline: none; border-color: #333333; }
.gui button[type='submit'] { background-color: #333333; color: #ffffff; padding: 8px 16px; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; }
.gui button[type='submit']:hover { background-color: #555555; }
原文地址: https://www.cveoy.top/t/topic/msEa 著作权归作者所有。请勿转载和采集!