background-color - 具有圆 Angular 和重叠背景颜色的 CSS 选择

标签 background-color css

我正在对具有背景颜色的选择元素应用边框半径。 背景颜色没有跟随边框的曲线,而是与曲线重叠并出现在方形框中。 我不知道我必须使用什么 css 属性来解决这个问题。

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

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

谢谢你的帮助

最佳答案

我对此的感觉是,要让它在每个常见的浏览器中工作,你将不得不用 JS 重建选择...不幸的是,像 divbox 这样的 css 样式选择仍然不可能像你期望的那样。在最新的 Firefox 中,您的代码在浏览器中看起来不错,因为 Firefox 决定让边框与选择重叠,在最新的 Opera 中,边框将在选择下方,因为他们决定这样做。

你在选项上看到了,尝试通过 css 设置它们的样式,你做不到而且它们看起来很丑

关于background-color - 具有圆 Angular 和重叠背景颜色的 CSS 选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14865408/

相关文章:

jquery - 使用 jQuery 使一个 div 填充整个表格单元格

javascript - 如何使用 JavaScript 更改 SASS 属性?

javascript - 如何在 JavaScript 中更改给定值的 div 颜色

Css-grid:在容器外流血背景

iphone - 如何在iOS中更改UIAlertView对话框的颜色?

html - 在不重叠背景颜色的情况下减少两个文本 block 之间的间隙

css - TYPO3 如果 GET var 不为空则添加 css

javascript - 使用内联样式添加悬停效果以响应 div

html - 列表上方的菜单白线

javascript - 使用 javascript 隐藏和显示文本