查看旧版所有文章

有风的日子,网页设计爱好者的家园

旧版

您现在访问的是有风的日子旧版!新版地址为:http://www.hellowind.com
有风的日子现已全面升级!新标识,新域名,新架构,新布局,新平台,不变的承诺——有风的日子,网页设计爱好者的家园
为网页设计、平面设计、多媒体设计及摄影爱好者提供资讯、博客、相册、论坛等多方位服务...

如何改变文本框和按钮的样式?

来源:有风的日子设计论坛    发表于2005-7-20 11:12:20

关键字:CSS, 文本框, 按钮

Q:如何改变文本框和按钮的样式?

A:用CSS定义表单内的文本框和按钮即可,举例如下:

首先,定义CSS类:
<style type="text/css">
<!--
.editbox { background: #E3E3E3; border-bottom: #333333 1px solid; border-left: 0px; border-right: 0px; border-top: 0px; color: #333333; cursor: text; font-family: "Arial"; font-size: 9pt; height: 20px; padding: 1px}

.button { background: #F2F2F2; border: #333333 1px solid; color: #333333; cursor: hand; font-size: 9pt; height: 20px; padding: 1px}
-->
</style>

然后分别应用到文本框和按钮上:
<input type="text" name="name" class="editbox">
<input type="submit" name="login" value="登录" class="button">