css 美化 input 文本框与 button 按钮

概述我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。.SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; padding:5px 0px 3px 0px; margin:4px 0px 4px 0… 我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用CSS美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。

.Searchbar {
Font-size:12px; letter-spacing:2px;
border-bottom:1px solID #dddddd;
padding:5px 0px 3px 0px;
margin:4px 0px 4px 0px;
text-align:center;height:24px;
FILTER: progID:DXImagetransform.Microsoft.GradIEnt(startcolorStr='#f5f5f5',endcolorStr='#eeeeee',gradIEntType='0');
}
.Searchbar input.textfIEld{
border-top:1px solID #dddddd;border-left:1px solID #dddddd;
border-right:1px solID #ffffff;border-bottom:1px solID #ffffff;
BACKGROUND-color: #f5f5f5;line-height:18px;
wIDth:240px;HEIGHT: 22px;
}
.Searchbar span.button{
border: 1px outset #f0f0f0;
BACKGROUND-color: #fafafa;
wIDth:50px;HEIGHT: 20px;
padding:3px 3px 2px 3px;
cursor:hand;
}
总结

以上是内存溢出为你收集整理的css 美化 input 文本框与 button 按钮全部内容，希望文章能够帮你解决css 美化 input 文本框与 button 按钮所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。