半圆形末端的按钮

Question

我正在尝试获得半圆形的按钮。

如果我使用主题编辑器将边框更改为任何圆角选项，则会获得不同程度的舍入，但按钮的高度会增加到两倍或更多。

是否可以实现具有半圆形末端的普通尺寸按钮而无需创建自定义组件？

TIA

Answer 1

你不包含代码，这可能是一个重复的问题，所以你的答案会被贬低但是这里有一个如何用CSS舍入边框的例子。

p.s该标签不存在。

＆＃13;

＆＃13;

.button{
  background-color:red;
  color:white;
  text-decoration:none;
  padding:.25em .5em;
  
  /* this rounds corners */
  border-radius:5px;
}

＆＃13;

<a href="" class="button">Button</a>

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果您尝试使用圆形边框，圆角矩形边框或图像边框，那么您没有提及，所以我用两者都做了。我定制了一些颜色，所以这将是显而易见的，但除此之外一切都应该工作正常。