CSS选择圆角和重叠背景颜色

时间:2013-02-13 23:45:21

标签: css background-color css3

我在具有背景颜色的选择元素上应用边框半径。 而不是跟随边框的曲线,背景颜色与曲线重叠并显示在方框中。 我无法弄清楚我必须用什么css属性来解决这个问题。

background-color: #FF0;
border-radius: 24px;
border: 4px solid #F09;

这是jsfiddle:http://jsfiddle.net/JsgnR/

感谢您的帮助

2 个答案:

答案 0 :(得分:0)

我对此的感觉是,为了让它在每个常见的浏览器中工作,你将不得不用JS重建选择...不幸的样式选择css像divbox仍然不可能如你所料。在最新的Firefox中,你的代码在浏览器中看起来不错,因为firefox决定让边框与select重叠,在最新的opera中边框将位于select的下方,因为他们决定使用。

你在选项中看到,尝试通过CSS设置它们,你不能,它们看起来很难看

答案 1 :(得分:0)

您可以在<select>中包含<span></span>元素,并将所需的属性添加到css中

此解决方案:http://jsfiddle.net/JsgnR/5/