我的任务：在我的解决方案页面中链接bcs of my newbie-reputation 8（ 我的解决方案：http://bit.ly/1gFZDDM
我无法管理HTML，我只能使用CSS和Javascript / jQuery。我知道使用无序列表更容易，但我不能。我几乎没有什么问题需要解决。
1 - 带下划线的选项和“选项框”周围的边框之间应该有小的间隙/间距。我不知道如何缩短此行或如何将填充应用于整个框。
2 - 我的选项框边框在我的任务中看起来不像，并且它对我的选项{...}的border-lef / right没有反应。还有一种方法可以应用整个盒子的变化吗？
3 - 最大的问题，我的跨浏览器总是很糟糕！只有上面的问题，Firefox看起来几乎没问题，但IE和Chrome完全忽略了我的选项元素样式。看起来它似乎忽略了：
select option[data-class="flag-cz"]{
background-image: url("image/cz-flag.png");
background-position: 10px center;
background-repeat: no-repeat;
}
但这有效：
select option[value=""]{display:none;}
问题可能在[data-class =“flag-cz”]中吗？有很多关于Chrome不支持选项操作的文章，但我找到了例如http://gregfranko.com/jquery.selectBoxIt.js/，即使在Chrome / IE中也是如此......我只是不知道如何从这个工具中获取少量信息。< / p> 对于任何帮助，我的技能太过分了