如何解决在 Webkit 中裁剪其内容的按钮
我想制作一个 <button>
,其内容超出了它的边框。
这个 MWE 在我可以访问的所有浏览器中都按预期工作,除了 Epiphany (Webkit):
button {
margin: 0;
padding: 0;
outline: none;
appearance: none;
-webkit-appearance: none;
font: inherit;
border: 1px dashed black;
background: inherit;
overflow: visible;
}
button::after {
content: 'abc';
margin-right: -1em;
}
(JSBin)
火狐:
铬:
三星互联网:
MS 边缘:
见鬼,它甚至几乎可以在 IE11 中运行(即使它没有 appearance
的概念):
只有 Epiphany(所以大概也是 Safari)显示这个:
有什么我可以做的吗?我浏览了显示的用户代理样式表,但似乎没有任何属性暗示它应该呈现裁剪。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。