有没有什么办法,如何使用圆角HTML <select>
,而不使用任何JavaScript? 我有这个疯狂的设计,我绝对不知道如何去做只有CSS。CSS - 圆形选择,复选框和Radiobutton
同样的问题是checkbox
和radiobutton
。有人知道如何使它们圆润吗?
我需要的解决方案,为IE6 +,火狐2+,歌剧作品9+ ...
alt text http://uploader.chytry.cz/select-checkbox.png
有没有什么办法,如何使用圆角HTML <select>
,而不使用任何JavaScript? 我有这个疯狂的设计,我绝对不知道如何去做只有CSS。CSS - 圆形选择,复选框和Radiobutton
同样的问题是checkbox
和radiobutton
。有人知道如何使它们圆润吗?
我需要的解决方案,为IE6 +,火狐2+,歌剧作品9+ ...
alt text http://uploader.chytry.cz/select-checkbox.png
编号表单样式是非常有问题的,不能保证任何样式都可以工作。在大多数浏览器中,简单的边框和背景颜色/图像通常工作正常。我相信Safari会让你的风格很少。 Check this page了解更多详细信息。
老实说,最好的解决方案是使用JavaScript。 jQuery click menu是我最近用来模拟选择框(当选择菜单中的元素时使用JS在隐藏字段上设置值)的一个很好的解决方案。
我相信如果你搜索,还有其他解决方案。
号
现在长回答:Internet Explorer不会借本身很好地被称呼。您将能够为具有圆角的左侧(文本内容)设置背景图像,但下拉箭头将被固定为默认浏览器。您还会发现控件的mousedown和mouseover状态将被固定为默认样式。
我认为,在许多情况下,理想的首选设计需要对浏览器标准支持的局限性采取一些务实的态度。具体来说,IE6不支持公平号码和IE7的问题只是略微更符合规定。
对不起,这个坏消息。
不,请出来JavaScript或jQuery你不能这样做。但如果你需要使用jQuery,请尝试此链接。它包含jQuery带圆角的HTML选择框。
http://webworld-develop.blogspot.com/2011/11/cool-html-5-select-with-jquery-and-css.html