首页 >web前端 >html教程 >checkbox和下拉列表的样式问题_html/css_WEB-ITnose

checkbox和下拉列表的样式问题_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:08:301352浏览

一般平时代码,几乎不管样式,现在要求改一下,结果杯具了。这里奉上100分,希望有人帮我解答一下.

首先,默认的input中的checkbox是下面的图那样:


然后现在需要改成这样:

改了半天都不知道怎么才行,麻烦只看checkbox啊,边上的黑线 无视。。

然后是下拉列表了,查了些资料,都说没法改:
默认是这样

要改成这样:

这个连怎么出手都不知道。。


求解答啊


回复讨论(解决方案)

哪个网页上的,给个网址。

checkbox是因为浏览器问题,要所有浏览器都第二种效果得用div+css
select也是得用div+css模拟

模拟吧,用div+css还有图片。
这个网站上有模拟下拉列表的例子,你可以看看。
http://www.xinxian24.com/

http://blog.csdn.net/bkq421511585/article/details/7197725

http://blog.csdn.net/bkq421511585/article/details/7197893



授之以鱼,不如授之以渔

自己看看 貌似能学到点  

http://blog.csdn.net/bkq421511585/article/details/7197725

http://blog.csdn.net/bkq421511585/article/details/7197893



授之以鱼,不如授之以渔

自己看看 貌似能学到点
答非所问

求支持啊,不怎么会啊~

百度:模拟checkbox

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn