Html 为什么我'；I’我在一件物品周围没有一个完美的圆圈

我试图在

priming 6.1.1

的

标签中添加一些样式。我想在悬停的月份项目上画一个蓝色圆圈。 我期待着：

但是，我得到的是：

为什么它是椭圆形的而不是完美的圆形。我正在使用

边界半径：50%！重要信息

。 这是我的日期选择器.scss

.ui-monthpicker-month {
    border-radius: 50% !important;
    text-decoration: none;
    margin-top: 10px;
    color: #73767b;
    font-family: 'Muli', sans-serif;
    padding: 0px 20px 0 20px;
}

.ui-monthpicker-month:hover {
    background-color: #1474A4;
    color: white;
}

---

请纠正我。

那是因为元素不是正方形。使用chrome调试器检查宽度和高度，并确保两者匹配。

---

我的猜测是，如果您更改

填充：0px 20px 0 20px

；到

填充：20px 20px 20px 20px它将是正方形。
尝试在
用户界面中指定相同的高度和宽度，然后更改
边框半径：100%
填充：0px 20px 0 20px

尝试移除填充物，或者如果您想要填充物，请在所有四个侧面保留相同的填充物
请尝试此填充物

宽度：50px；
高度：50px
 我在样式方面很糟糕，但是在css中做了这些更改之后：

.ui-monthpicker-month {
    border-radius: 100% !important;
    text-decoration: none;
    margin-top: 10px;
    color: #73767b;
    font-family: 'Muli', sans-serif;
    height: 50px !important;
    width: 50px !important;
    padding: 20px 20px 20px 20px;
}

我明白了：


但月份名称仍有点向顶部推进，如何使其处于准确的中间位置？
尝试去除保证金顶部：10px；至页边距顶部：0
 请确保宽度和高度大小相等。可能还会给我们看这一个的HTML代码。是的，我也这么做了。请看我的答案。嗨，Tanzeel，尝试删除页边空白顶部：10pxI对css进行了必要的更改。但仍然存在一些问题。请核对我的答案。你有答案吗？还是还需要我的帮助？让我知道没有普里扬卡。我还有一些其他的造型问题。