修改搜索部分的默认样式

本博客z-blog用的是默认主题,green样式,我嫌原来默认的搜索栏,文本输入框部分一大片相同颜色,不容易辨别这里是输入文字的地方,给用户的感觉非常不好,于是改了一下样式表。

这是原来默认的样式

用取色器,吸取文本框的颜色,得知这部分颜色是“#C2E76B”,用记事本打开z-blog目录下style文件夹下的“green.css”这个样式表文件,查找“C2E76B”代码,发现有两个地方用到这个颜色。

#divSearchPanel #btnPost{
 border: 1px solid #ACE149;
 color: #333;
 padding: 0.05em 0.25em 0.05em 0.25em;
 background:#C2E76B;   /* 搜索按钮 */
}

#divSearchPanel #edtSearch{
 padding: 0.15em 0.25em 0.20em 0.25em;
 border: 1px solid #ACE149;
 width: 80px;
 color: #333;
 background:#C2E76B;   /* 搜索输入框 */
}

通过试验,得知一个为按钮颜色,一个为文本框颜色,于是按自己的设想替换掉原来的颜色。效果如下,是不是醒目多了。

评论恒久远,一贴永流传

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

热门文章

随机推荐

卓越新书

Top

Powered By Z-Blog 1.8 Walle Build 100427

© 2007-2011 zfnn.com. 皖ICP备07503469号