Css 使用：：after时的边界半径问题

我有一个圆角的黄色按钮，里面有一些文本，文本右侧有一个下载图像

我的按钮设置如下：

<a class="yellow-button" href="#">Some text</a>

我遇到一个问题，按钮右侧的两个角都不是圆角，但左侧的角是圆角。

添加到：：背景透明后，相同的圆角

background-color:transparent;
border-radius: 0.375rem;

通过更多的代码和图片，我们可以确切地看到问题所在

.黄色按钮{ 边界半径：0.375雷姆； 颜色：黄色； 填充：13px 30px； 边缘顶部：5px； 框大小：边框框； 字体大小：0.875rem； } .黄色按钮：之后{ 内容：； 显示：内联块； 垂直对齐：中间对齐； /* -------- */ 背景色：透明； 边界半径：0.375雷姆； /* -------- */ 背景：url../img/download-icon.png不重复； 背景尺寸：16px 17px； 左边距：5px； 右边距：20px； 高度：18px； 宽度：16px； }

---

这里真正的问题是在链接显示中放置了一个内联块元素：默认情况下为内联。这并不总是不正确的，但它肯定会使查看布局的过程变得更加棘手，即，您的后块可能会突出。泰把你的边界半径放在你的“后”块上谢谢你的快速回复。这是我尝试的第一件事情之一，但不幸的是，它不起作用。溢出：隐藏？溢出：隐藏不起作用。原来一些预先存在的css正在放弃它。有浮子和其他各种各样的大小和定位属性把它搞砸了。简单设置显示：内联块；拯救了这一天，我就是这样想的。某些CSS框架可能会与元素产生冲突。我强烈建议使用FirefoxDeveloperEdition，并使用“计算”样式的工具进行检查，以查找与默认样式不同的属性。

background-color:transparent;
border-radius: 0.375rem;