设计MC下拉为“香草”选择

时间:2015-04-02 07:23:01

标签: javascript jquery html css jquery-plugins

我有以下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的第一个问题。我喜欢这个平台作为被动阅读器,现在我想参与其中)

0 个答案:

没有答案