>  기사  >  웹 프론트엔드  >  checkbox和下拉列表的样式问题_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:08:301292검색

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