Heim  >  Artikel  >  Web-Frontend  >  checkbox和下拉列表的样式问题_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:08:301293Durchsuche

一般平时代码,几乎不管样式,现在要求改一下,结果杯具了。这里奉上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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn