2013-10-03 63 views
0

请参阅示例页面在:http://www.onextrapixel.com/examples/pure-css-custom-form-elements/如何删除左右选择下拉虚线边框

当在Mac上注重选择框使用FF 24产生这样的:

dotted border http://c714091.r91.cf2.rackcdn.com/87cff1afa5bfc0c3df11af964e28b8d5e46649e734.png

背景后发现这里:http://www.onextrapixel.com/2012/10/26/custom-style-all-your-form-elements-with-pure-css-and-no-javascript/

它不显示在其他浏览器中,如何删除?

+0

我没有看到相同的结果..测试在FF和Chrome的最新版本。 (Windows ..)可能是一个mac - 浏览器相关的问题。 –

+0

你尝试过'outline:none'吗?测试它在这里:http://jsfiddle.net/jdwire/Fm7L5/ –

+0

感谢大家的回答,迄今没有任何工作,以消除Mac 10.9.2/FF 29.0.1“大纲” – Drewdavid

回答

0
select, option { 
    outline: 0; 
} 

应该这样做。我认为大纲在选项上,所以你可以尝试取出select选择器(哈哈),如果你喜欢。

0

阅读一些关于Outline Property删除选择框中的“边框”。

解决方案

option, select { 
    outline: 0; 
} 
+0

看起来像你刚刚复制答案是张贴在你之前.. –

+0

@JoshC不是真的,这是唯一的解决方案,它花了我更长的时间来发布我的答案(只是为了记录,我没有看到你的帖子现在:))顺便说一句,有小不同如果你注意到:) – Yotam