我有以下MC Dropdown设置
<div class="mcdropdown">
<input autocomplete="off" name="" style="height: 15px; width: 159px;" id="">
<a class="mcdropdownarrow" href="#" tabindex="-1"></a></div>
条目将在运行时通过JQuery方法设置。
我的问题是: 我如何设计mcDropdown DIV,因为它是正常的&#34;选择&#34;元件
使用Chrome / Webkit Engine,可以使用以下CSS代码:
课程-webkit-appearance: menulist;
mcdropdown
箭头显示 a-Element对我来说很好。
firefox的对应命令-moz-appearance
并不像预期的那样工作。箭头根本没有显示出来。为了解决这个问题,我设置了a
- 元素-moz-appearance: menulist-button;
,它给了我一个按钮的设计,但不是select
的典型侧面附加按钮 - 元素
在IE中(必须与IE 8兼容)我无法在没有从屏幕截图中创建箭头图形的情况下找到解决方案。还有下一个问题:通常描述<!--[if IE]><![endif]-->
(即here)制作IE特定样式表并不能在我的WIN7机器上使用IE10。
是否有任何Javascript解决方案可以轻松模仿select
元素的设计?
直到现在我的成就on codepen.io
感谢您的回答!
法兰克福最诚挚的问候
(这是我关于stackoverflow的第一个问题。我喜欢这个平台作为被动阅读器,现在我想参与其中)